jquery.validate.jsでvalidateチェックタイミングを指定する

jquery.validate.jsはsubmitのタイミングでチェックされますが、formに対してvalid()メソッドを実行することでボタンクリックイベントやチェンジイベントなどのタイミングでバリデートチェックを行うことができます。

まずjqueryとjquery.validate.jsをプリロードします。

年齢が20以上の場合、備考を必須にしています。

validateメソッドの後にvalid()を実行しなくてはいけません。

上記ではid=ageのフォーム部品からカーソルアウトしたタイミングで備考欄の必須チェックを行っています。

備考欄が未入力の場合エラーメッセージが表示され、備考欄が入力済みの場合、エラーにはなりません。

また、valid()はformに対して実行する必要があります。(上記では$(“#testForm”)に対して。)

DEMO

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA