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

求人

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

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

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

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

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

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

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

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

DEMO

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくば、我に七難八苦を与えたまえ」です^^

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

コメントをどうぞ

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

CAPTCHA