2

私はシンプルなフォームを持っています。「送信」をクリックすると、jQuery 検証メソッドを使用してコントロールを検証します。「キャンセル」をクリックしたときに検証をクリアするのに問題があります。

これが私のコードです：

<script type="text/javascript">

//Custom method
$.validator.addMethod("valueNotEquals", function (value, element, arg) {
    return arg != value;
}, "This field is required.");

var jqueryValidator;

$(document).ready(function () {

    $("#<%= btnSave.ClientID %>").click(function () {   

        jqueryValidator = $('#masterForm').validate({
            rules: {
                <%=gddTank.UniqueID %>: {
                    valueNotEquals: "-1"
                },
                <%=gddCanister.UniqueID %>: {
                    valueNotEquals: "-1"
                },
                <%=gddCane.UniqueID %>: {
                    valueNotEquals: "-1"
                },
                <%=gddStraw.UniqueID %>: {
                    valueNotEquals: "-1"
                }
            },
            highlight: function (element) {
                $(element).closest('.control-group').removeClass('success').addClass('error');
            },
            success: function (element) {
                $(element).closest('.control-group').removeClass('error').addClass('success');
            }
        });

    });

    $("#<%= btnCancel.ClientID %>").click(function () {   

        jqueryValidator.resetForm();

    });

});

</script>

どんな助けでも大歓迎です。

ありがとう、ウィルキー。

4

2 に答える 2

1 
$("#<%= btnCancel.ClientID %>").click(function () {   
        jqueryValidator.resetForm(); 
        $('#masterForm').get(0).reset();
});

メソッドがこれをすべて処理してくれると思うかもしれresetFormませんが、何らかの理由resetで、フォーム自体を呼び出すという追加の手順を実行する必要があります。

于 2013-05-17T16:07:16.470 に答える