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ベストアンサー
- 回答日時:
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;
},
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- オープンソース Python openpyxlを使用したセル番地の使用について 1 2023/08/03 22:05
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- Visual Basic(VBA) 再質問、VBA シート間の転記で、条件の追加コードの書き方について教えて下さい。 9 2023/02/28 15:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
ドロップダウンリストボックス...
-
ラジオボタンのNullチェック
-
一度しか押せないボタンについて
-
COBOLの数字チェック
-
「本当に削除しますか」が正常...
-
JavaScript ログアウト処理
-
JavaScriptde途中で、「exit」...
-
未選択のプルダウンメニューを...
-
プルダウンメニューを選択して...
-
RegularExpressionValidatorの...
-
ツリービューのチェックボック...
-
未入力のラジオボタンに、alert...
-
プルダウン 項目が多いので先頭...
-
テキストボックス入力を半角英...
-
【jQuery】input nameの文字列...
-
二つの入力欄に、同時に同じ文...
-
onchangeイベントを強制的に発...
-
<input>の選択肢をプルダウンメ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
slickのレスポンシブ > center...
-
フォームの入力チェックをする...
-
チェックボックスの有無判定
-
JavaScriptde途中で、「exit」...
-
COBOLの数字チェック
-
TEXTAREAに入力した改行コード...
-
ラジオボタンのNullチェック
-
Visual Studioのデザインでの非...
-
「本当に削除しますか」が正常...
-
ツリービューのチェックボック...
-
半角英数字のみの入力にエラー...
-
ドロップダウンリストボックス...
-
未入力のラジオボタンに、alert...
-
入力された日付の正規表現の仕...
-
JSのみで入力→確認→メールで送...
-
分岐数といえば
-
度胸試しのJavaScript
-
ドラッグ&ドロップ禁止について
-
Tabキーでのカーソルの移動...
おすすめ情報