-PR-
解決済み

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

  • 困ってます
  • 質問No.5945506
  • 閲覧数318
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 52% (9/17)

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
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.1
レベル10

ベストアンサー率 73% (70/95)

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;
},
お礼コメント
oootes_001

お礼率 52% (9/17)

ありがとうございます!
無事に実装出来ました^^
投稿日時 - 2010-06-16 20:03:40
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-

特集


専門家があなたの悩みに回答!

ピックアップ

ページ先頭へ