jquery.validate.jsでフォームを独自チェック

jquery.validate.jsでフォームを独自チェックすることができます。

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

body部にformを作成します。ラジオボタンが「はい」の場合のみテキストエリアが必須となるようなformにします。(依存関係があるようにします)

最後にformのid属性にvalidate()メソッドを実行していますがこの部分で依存関係や必須項目などを指定します。

まずnameを必須、3文字以上入力するようにチェックしています。

bikoはradio1がチェックされた場合(戻り値がtrue)のみ必須となるようにチェックしています。

それぞれのチェックでエラーの場合messagesでエラーメッセージを独自のメッセージを表示するように指定しています。

これでクライアントサイドで独自のvalidateチェックが行えます。

DEMO

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

コメントをどうぞ

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

CAPTCHA