例は次のとおりです。 コードをコピー コードは次のとおりです: <br>jQuery.validator.addMethod("regex", //addMethod の最初のパラメータ: メソッド名<br>function(value, element, params) { //2 番目のパラメータaddMethod: 検証メソッド、パラメータ (検証対象の要素の値、検証対象の要素、パラメータ) <br>var exp = new RegExp(params) //パラメータは渡された正規表現です。 >return exp.test(value) ; //<br>}, <br>"フォーマットエラー"); //addMethod の 3 番目のパラメータ: デフォルトのエラーメッセージ<br>$(function() { <br>$("#signupForm") .validate( <br>{ <br>rules: { <br>txtPassword1: "required", //パスワード 1 は必須です<br>txtPassword2: { //パスワード 2 には次の条件が必要ですオブジェクトタイプを使用した 1 つの説明<br> required: true, //必須、これは匿名メソッドにすることができます<br>equalTo: "#txtPassword1", //パスワード 1 と等しい必要があります<br>rangelength: [5, 10 ], //長さ 5-10 <br>regex: "^\w $" //カスタム検証ルールを使用します。上記の例の新しい部分です<br>}, <br>txtEmail: "email" //電子メールアドレスは有効である必要があります<br>}、<br>messages: { <br>txtPassword1: "入力する必要があります", <br>txtPassword2: { <br>required: "入力する必要があります", <br>equalTo: "パスワードが一致していません"、<br> rangelength: "長さは {0} から {1} までである必要があります。"、<br>regex: "パスワードには数字、文字、アンダースコアのみを使用できます。" <br>} <br> }, <br>debug : false, // true に変更すると、フォームは送信されません <br>submitHandler: function() { <br>alert("送信開始") <br>} <br>} ); <br>}) ; <br><br><br> </div>実行結果: <br><br><img style="max-width:90%" alt="" src="http://files.jb51.net/upload/201109/20110905211433288.JPG" style="max-width:90%" border="0"> 複数のパラメーターがある場合は、配列を使用できます。 regex:[1,3,5 ] など、このメソッドには添え字を使用してアクセスできます: params[0] <br>ネチズンによって提供されるいくつかの拡張検証メソッド: <br><br><div class="codetitle"><span><a style="CURSOR: pointer" data="64656" class="copybut" id="copybut64656" onclick="doCopy('code64656')">コードをコピー<u></u></a> コードは次のとおりです: </span></div> <div class="codebody" id="code64656">//携帯電話番号認証<br>jQuery.validator.addMethod("mobile", function(value,要素) { <br>var length = value.length; <br>var mobile = /^(((13[0-9]{1})|(15[0-9]{1})) d{8 })$/ <br>return this.optional(element) | (length == 11 && mobile.test(value)); <br>}, "携帯電話番号の形式が間違っています");電話番号認証<br>jQuery.validator.addMethod("phone", function (value, element) { <br>var tel = /^(0[0-9]{2,3}-)?([2- 9][0-9]{6,7}) (-[0 -9]{1,4})?$/; <br>return this.optional(element) || (tel.test(value)) ; <br>}, "電話番号形式エラー"); <br> // 郵便番号検証 <br>jQuery.validator.addMethod("zipCode", function(value, element) { <br>var tel = /^ [0-9]{6}$/; <br>return this.optional(element) || (tel.test(value)); "郵便番号形式エラー"; QQ 番号検証<br>jQuery.validator.addMethod("qq", function (value, element) { <br>var tel = /^[1-9]d{4,9}$/; <br>return this .optional(element) || (tel.test(value)); <br>}, "QQ 番号形式エラー"); <br>//IP アドレス検証<br>jQuery.validator.addMethod("ip", function(value, element) { <br>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]?)$ /; <br>return this.optional(element) || (ip.test(value) && (RegExp.$1 }, "IP アドレスの形式が間違っています"); <br>// 文字と数字の検証 <br>jQuery.validator.addMethod("chrnum", function(value, element) { <br> var chrnum = /^([a-zA-Z0-9] )$/ ; <br>return this.optional(element) || (chrnum.test(value)); "数字と文字のみ(文字 A ～ Z、a ～ z、0 ～ 9) を入力できます"); <br> // 中国語の検証 <br>jQuery.validator.addMethod("chinese", function(value, element) { <br>var chinese = / ^[u4e00-u9fa5] $/; <br>return this.optional(element) ) || (chinese.test(value)); <br>//ドロップダウン ボックスの検証<br>$.validator.addMethod("selectNone", function(value, element) { <br>戻り値 == "選択してください"; <br>}, "1 つ選択する必要があります"); <br>// バイト長検証<br>jQuery.validator.addMethod("byteRangeLength", function(value, element, param) { <br>var length = value.length; <br>for (var i = 0; i < value.length; i ) { <br>if (value.charCodeAt(i) > 127) { <br>length ; <br>} <br>return this.optional(element) | | (長さ >= param[0] && 長さ }, $.validator.format("入力された値が {0} ～ {1} バイトであることを確認してください ( 1 つの漢字は 2 バイトとしてカウントされます)")); <br><br> <br><br>Validate_20110905.rar<br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
