javascriptフォームエラーチェックの際のご質問。

javascriptフォームエラーチェックの際のご質問。


初めまして。

現在、

http://espion.just-size.jp/archives/07/035231221 …

で配布されていますフォームエラースプリクトを使用しています。


このフォームエラースクリプトを少しカスタマイズしようと考えたのですが
自分だけではどうにもならなくご質問させていただきます。


今回やりたいことなのですが、
送信ボタンを押した後にエラー項目があったら
そのエラー項目入力欄をフォーカスさせたいのです。

おそらく「this.focus();」をどこかに入れたらいいと思ったのですが、
実装できませんでした。

スクリプトソースは長くて貼り付けられないので、配布サイトの実装サンプルURLを記述します。

サンプル
http://espion.just-size.jp/files/js/validation/v …


お分かりになる方がいらっしゃいましたらよろしくお願い致しますm(__)m

No.1 ベストアンサー 回答者： nekomikekamo 回答日時： 2010/06/15 16:55

validator.jsを下記の通り修正。

submitファンクション内のreturn false;の直前にf.focus();を追加。

//submitファンクション全体
submit: function(form) {
this.allclose(form);
var btns = new Array;

for(var i = 0, f; f = form[i]; i++) {
if(f.onblur)
f.onblur();
if(f.type == 'submit')
btns.push(f);
}
for(var i = 0, f, z; f = form[i]; i++) {
if(f._validbaloon && f._validbaloon.visible()) {

while(z = btns.shift()){
this.baloon.open(z, this.rule.submit());
}
f.focus();　　//修正箇所
return false;
}
}
return true;
},

この回答へのお礼

ありがとうございます！
無事に実装出来ました＾＾

お礼日時：2010/06/16 20:03