JQuery 拡張プラグイン Validate 5 にカスタム検証 Method_jquery が追加

例は次のとおりです。

コードをコピー コードは次のとおりです: jQuery.validator.addMethod("regex", //addMethod の最初のパラメータ: メソッド名 function(value, element, params) { //2 番目のパラメータaddMethod: 検証メソッド、パラメータ (検証対象の要素の値、検証対象の要素、パラメータ) var exp = new RegExp(params) //パラメータは渡された正規表現です。 >return exp.test(value) ; // }, "フォーマットエラー"); //addMethod の 3 番目のパラメータ: デフォルトのエラーメッセージ $(function() { $("#signupForm") .validate( { rules: { txtPassword1: "required", //パスワード 1 は必須です txtPassword2: { //パスワード 2 には次の条件が必要ですオブジェクトタイプを使用した 1 つの説明 required: true, //必須、これは匿名メソッドにすることができます equalTo: "#txtPassword1", //パスワード 1 と等しい必要があります rangelength: [5, 10 ], //長さ 5-10 regex: "^\w $" //カスタム検証ルールを使用します。上記の例の新しい部分です }, txtEmail: "email" //電子メールアドレスは有効である必要があります }、 messages: { txtPassword1: "入力する必要があります", txtPassword2: { required: "入力する必要があります", equalTo: "パスワードが一致していません"、 rangelength: "長さは {0} から {1} までである必要があります。"、 regex: "パスワードには数字、文字、アンダースコアのみを使用できます。" } }, debug : false, // true に変更すると、フォームは送信されません submitHandler: function() { alert("送信開始") } } ); }) ;

実行結果:

複数のパラメーターがある場合は、配列を使用できます。 regex:[1,3,5 ] など、このメソッドには添え字を使用してアクセスできます: params[0] ネチズンによって提供されるいくつかの拡張検証メソッド:

コードをコピー コードは次のとおりです: //携帯電話番号認証 jQuery.validator.addMethod("mobile", function(value,要素) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[0-9]{1})) d{8 })$/ return this.optional(element) | (length == 11 && mobile.test(value)); }, "携帯電話番号の形式が間違っています");電話番号認証 jQuery.validator.addMethod("phone", function (value, element) { var tel = /^(0[0-9]{2,3}-)?([2- 9][0-9]{6,7}) (-[0 -9]{1,4})?$/; return this.optional(element) || (tel.test(value)) ; }, "電話番号形式エラー"); // 郵便番号検証 jQuery.validator.addMethod("zipCode", function(value, element) { var tel = /^ [0-9]{6}$/; return this.optional(element) || (tel.test(value)); "郵便番号形式エラー"; QQ 番号検証 jQuery.validator.addMethod("qq", function (value, element) { var tel = /^[1-9]d{4,9}$/; return this .optional(element) || (tel.test(value)); }, "QQ 番号形式エラー"); //IP アドレス検証 jQuery.validator.addMethod("ip", function(value, element) { var ip = /^(? :(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][ 0-9]?).){3}(?:25[0 -5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$ /; return this.optional(element) || (ip.test(value) && (RegExp.$1 }, "IP アドレスの形式が間違っています"); // 文字と数字の検証 jQuery.validator.addMethod("chrnum", function(value, element) { var chrnum = /^([a-zA-Z0-9] )$/ ; return this.optional(element) || (chrnum.test(value)); "数字と文字のみ(文字 A ～ Z、a ～ z、0 ～ 9) を入力できます"); // 中国語の検証 jQuery.validator.addMethod("chinese", function(value, element) { var chinese = / ^[u4e00-u9fa5] $/; return this.optional(element) ) || (chinese.test(value)); //ドロップダウン ボックスの検証 $.validator.addMethod("selectNone", function(value, element) { 戻り値 == "選択してください"; }, "1 つ選択する必要があります"); // バイト長検証 jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { var length = value.length; for (var i = 0; i if (value.charCodeAt(i) > 127) { length ; } return this.optional(element) | | (長さ >= param[0] && 長さ }, $.validator.format("入力された値が {0} ～ {1} バイトであることを確認してください ( 1 つの漢字は 2 バイトとしてカウントされます)"));

Validate_20110905.rar