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

質問

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

初めまして。

現在、

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

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

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

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

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

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

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

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

回答No.1

nekomikekamo · ベストアンサー

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;
},

お礼

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