jquery validate でエラーが表示される仕組み

jquery validate でエラー メソッドが表示されます: Quote [],カスタム メソッドは [$.validator] に拡張されます。

推奨事項: 「jquery ビデオ チュートリアル 」

jquery 検証プロンプトのエラー メソッド:

jquery.validate プロンプト エラー メソッドを変更し、ポップアップ ボックスを使用してエラー メッセージを表示します

<script src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>

$.extend($.validator.defaults, {
            showErrors: function (errorMap, errorList) {
                var msg = "";
                $.each(errorList, function (i, v) {
                    msg += (v.message + "\r\n");
               });
           if (msg != "")
                   alert(msg);
            }
       });

変更後、実行には効果がなく、エラー メッセージも表示されないことがわかりました。ポップアップ。メッセージはまだテキスト ボックスの後ろにあります。表示

デバッグ後、カスタム メソッドが $.validator、

And に拡張されていないことが判明しました。オーバーライドされたメソッドが機能するには、そのメソッドを参照する必要があります

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")">< /script>

以前にのみ書き換えることができます。

完全なコードは次のとおりです:

<script src="@Url.Content("~/Scripts/jquery.validate.js")"></script>
   
    <script type="text/javascript">
        $.extend($.validator.defaults, {
            showErrors: function (errorMap, errorList) {
                var msg = "";
             $.each(errorList, function (i, v) {
                  msg += (v.message + "\r\n");
            });
            if (msg != "")
                     alert(msg);
          }
       });
   </script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")"></script>

関連する無料学習の推奨事項: JavaScript (ビデオ)

以上がjquery validate でエラーが表示される仕組みの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。