Webサイトのフォームを作成するときjQuery-Validation-Engineがとても便利です。
リアルタイムで入力内容をチェックし、エラーメッセージを表示させる設定などがいとも簡単にできるプラグインです。
jQuery-Validation-Engineについてはこちらのページで詳しく書かれています。
フォームの入力内容をリアルタイムにチェックする方法 [ホームページ作成] All About
jQuery-Validation-Engineのエラーメッセージを特定の項目のみ非表示にする
このプラグインにより表示されたエラーメッセージを、特定の項目だけ非表示にしたいことがありました。
ありがたいことに、エラーメッセージを消すリファレンス(英語)を紹介している記事がありました。
jQuery-Validation-Engineのリファレンスを見つけた – If you can dream it, you can do it.
その内容はこちら。
1 2 3 4 5 |
// closes all form prompts $('#formID1').validationEngine('hide'); // closes onle one prompt $('#email1').validationEngine('hide'); |
2つ書いてあるけど、どっちも同じで、違うのはIDの指定のところのみです。
(フォーム全体のエラーメッセージも消せるし、特定のエラーメッセージも消せるよ、という事)
この方法を試してみて、上手くいくならそれがベストな方法です。
私はこの方法でどうしても上手くいかなかったので、強行手段に出ることにしました。
どう上手くいかなかったかというと・・・
特定の項目のIDのみ指定したはずなのに、全てのエラーメッセージが消えるのです。
強行手段と言ってもエラーメッセージのcssにdisplay:noneを指定しただけですが・・・
1 |
$("●●.parentFormmailform.formError").css("display", "none"); |
※jQueryで書いているのは動的にしたかったからであってもちろんcssでもOKです。
●●にはinputタグのID名+formErrorのクラス名が入ります。
例).nameformError
Firebug等でエラーメッセージのクラスを見てもOK。
スポンサードリンク