効果は次のとおりです。 この問題を解決する方法は、エラー メッセージを特定の場所に指定することです。サンプル コードは次のとおりです。 > コードをコピーします コードは次のとおりです。 >jQuery.validator.addMethod( "regex", //addMethod の最初のパラメータ: メソッド名 <div class="codebody" id="code29027">function(value, element, params) { //addMethod の 2 番目のパラメータ: 検証メソッド, <br> value, element検証対象、パラメータ) <br>var exp = new RegExp(params) //通常のオブジェクトをインスタンス化します。パラメータはユーザーによって渡された正規表現です。 <br>return exp.test(value); <br>}, <br>"フォーマットエラー"); <br><br>$(function() { <br>$("#signupForm").validate( <br><br>{ <br>rules: { <br>txtPassword1: "required", //パスワード 1 は必須です<br><br>txtPassword2: { //パスワード 2 にはオブジェクト タイプを使用した説明が複数あります<br>required: true, / / 必須、匿名メソッドにすることができます<br>equalTo: "#txtPassword1", // パスワード 1 と等しい必要があります<br>rangelength: [5, 10], // 5-10 の間の長さ<br>regex: "^\w $" //カスタム検証ルールを使用します<br>}, <br><br>txtEmail: "email", //電子メールは合法である必要があります<br>性別: "required" <br>}, <br>messages: { //上記のエラー メッセージに対応します<br>txtPassword1: "入力する必要があります", <br><br>txtPassword2: { <br>required: "入力する必要があります", <br>equalTo: " パスワードが一致しません"、<br>rangelength: "長さは {0} から {1} までである必要があります。"、<br>regex: "パスワードには数字、文字、アンダースコアのみを使用できます。" <br>} <br>}, <br> <br>//上記の例の新しい部分<br>errorPlacement: function(error, element) { //エラーメッセージの場所を指定<br>if (element.is(':radio' ) || element.is(':checkbox')) { //ラジオまたはチェックボックスの場合 <br>var eid = element.attr('name') //要素の name 属性を取得します <br>エラー.appendTo( element.parent()); // 現在の要素の親ノードの後にエラー メッセージを追加します <br>} else { <br>error.insertAfter(element)}, <br><br>debug: false, //true に変更するとフォームは送信されません <br>submitHandler: function() { <br>alert("送信開始") <br>} <br>} ); <br> }); <br> <label> <br> <input type=" radio" id= "rdo Female" name="sex" />男性<br><input type="radio" id="rdo Male" name="sex" />女性<br></p><br><br><br><br> <br>実行結果は次のとおりです: <br> <br> <br> </div> <br> さらに: debug:true がパラメータに追加された場合、それはフォームのデバッグにのみ使用され、サーバーに送信されません。submitHandler: function() {} はフォームが送信される前にいくつかの操作を実行します。サーバーへの接続; Ajax 検証にリモートを使用できますが、小さなバグがあるようです; ASP.NET を validate と組み合わせて使用すると、いくつかの問題が発生する可能性があります。netizen <p> のブログ投稿を参照してください。 </p> <p>ソースコードのダウンロード</p> <div align="center"> <img style="max-width:90%" alt="" src="http://files.jb51.net/upload/201109/20110905215313525.JPG" style="max-width:90%" border="0"> </div>