DBWordPressLinuxChromeWebツールブログTop2013年4月25日jquery.validate.jsのrulesの基本的な使い方を紹介こんにちわ!HTMLフォームのバリデータプラグイン「jquery.validate.js」のrulesの使い方を紹介します。「jquery.validate.js」の取得先や設置方法はこちらで紹介しています。[スポンサーリンク]「jquery.validate.js」のrulesは自分で独自のバリデータルールをカスタムすることも可能です。独自バリデータを作ったり、エラーメッセージを独自のものにしたりと。今回はカスタマイズ無しの基本的な使い方を紹介していきます。この章でやること「jquery.validate.js」のrulesの使い方を紹介します。typeのnameに対応させて、ルールを付けていきます。上記のソースを例にすると、nameがidのテキストボックスのバリデートルールは、「required」・「digits」・「minlength」・「maxlength」の4つです。これは、必須入力で、数値のみで、文字の長さが3文字以上10文字未満、のバリデートルールになります。nameがdateのテキストボックスのバリデートルールは、「date」です。これは日付以外の文字が入力されるとエラーになります。実行結果こんな感じでエラーになります。実際にデモを触って確認してみて下さい。デモ実際に動かすことが出来ますさいごに冒頭でも触れましたが、jquery.validate.jsのrulesは自分好みにカスタマイズできます。今回はrulesの基本的な使い方のみを紹介しました。基本的な使い方でもある程度は十分に使えると思います。次回はエラーメッセージのカスタマイズ(日本語化)を紹介したいと思います。それでは!TweetPocket[スポンサーリンク]最後まで読んでいただきありがとうございます!この記事はお役に立てましたか?お役に立てたことがあればシェアしていただけると嬉しいです!TwitterFacebookPocketはてブGoogle+Feedly関連している記事をピックアップしました!こちらの記事もあわせて読んで頂ければ嬉しいです。