在ASP.NET代码中通过javascript重置Jquery验证后停止回发

我有一个表单，表单中有两个按钮和两个文本框，单击第一个按钮后，第一个文本框字段的验证将出现，单击第二个按钮后，第一个文本框的验证将消失，但会返回

如何在重置jquery验证时防止回发

      <form id="form1" runat="server">

                    <div id="div1" class="form-horizontal">
                                            <div class="form-group">
                                                <div class="col-md-3">
                                                    <asp:TextBox  ID="TextBox1" runat="server"></asp:TextBox>  
                                                </div>

                                            </div>
                                            <div class="form-group">
                                                <div class="col-md-3">

                                                    <asp:Button ID="Button1"  CssClass="submit btn btn-primary " runat="server" Text="Submit" />
                                                </div>
                                            </div>
                                        </div>


                            <div id="div2" class="form-horizontal">
                                            <div class="form-group">
                                                <div class="col-md-3">

                                                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                                                     </div>
                                            </div>
                                            <div class="form-group">
                                                <div class="col-md-3">
                                                    <asp:Button ID="Button2" CssClass="btn btn-primary" runat="server" Text="Submit" />
                                                </div>
                                            </div>
                                        </div>
                </form>




<script>
        $(document).ready(function () {
            $('#Button1').click(function () {
                $('#form1').validate({
                    errorClass: 'help-block animation-slideDown',
                    errorElement: 'div',
                    errorPlacement: function (error, e) {
                        e.parents('.form-group > div').append(error);
                    },
                    highlight: function (e) {
                        $(e).closest('.form-group').removeClass('has-success has-error').addClass('has-error');
                        $(e).closest('.help-block').remove();
                    },
                    success: function (e) {
                        e.closest('.form-group').removeClass('has-success has-error');
                        e.closest('.help-block').remove();
                    }, 
                         rules: {
                             'TextBox1': {
                                required: true,
                            },
                        },
                        messages: {
                            'TextBox1': {
                                required: 'ProvideYourCurrentPassword',
                            },
                        },
                });
                $("#TextBox2").rules('remove');
            });
            $('#Button2').click(function () {
                $('#form1').validate({
                    errorClass: 'help-block animation-slideDown',
                    errorElement: 'div',
                    errorPlacement: function (error, e) {
                        e.parents('.form-group > div').append(error);
                    },
                    highlight: function (e) {
                        $(e).closest('.form-group').removeClass('has-success has-error').addClass('has-error');
                        $(e).closest('.help-block').remove();
                    },
                    success: function (e) {
                        e.closest('.form-group').removeClass('has-success has-error');
                        e.closest('.help-block').remove();
                    },

                    rules: {
                             'TextBox2': {
                                required: true,
                            },
                        },
                        messages: {
                            'TextBox2': {
                                required: 'ProvideYourCurrentPassword',
                            },
                        },
                });
                $("#TextBox1").rules('remove');
            });
        });
    </script>

$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'#form1'）。验证({
errorClass:“帮助阻止动画向下滑动”，
errorElement:'div'，
errorPlacement:函数（错误，e）{
e、 父项（'.form group>div'）.append（错误）；
},
亮点：功能（e）{
$（e）.最近（'.form group'）.removeClass（'has-success has error'）.addClass（'has-error'）；
$（e）.最近（'.help block'）.remove（）；
},
成功：职能（e）{
e、 最近的（'.form group'）.removeClass（'has-success has error'）；
e、 最近的（'.help block'）.remove（）；
}, 
规则：{
“文本框1”：{
要求：正确，
},
},
信息：{
“文本框1”：{
必需：“ProvideYourCurrentPassword”，
},
},
});
$（“#TextBox2”）.rules（'remove'）；
});
$（'#按钮2'）。单击（函数（）{
$（'#form1'）。验证({
errorClass:“帮助阻止动画向下滑动”，
errorElement:'div'，
errorPlacement:函数（错误，e）{
e、 父项（'.form group>div'）.append（错误）；
},
亮点：功能（e）{
$（e）.最近（'.form group'）.removeClass（'has-success has error'）.addClass（'has-error'）；
$（e）.最近（'.help block'）.remove（）；
},
成功：职能（e）{
e、 最近的（'.form group'）.removeClass（'has-success has error'）；
e、 最近的（'.help block'）.remove（）；
},
规则：{
“文本框2”：{
要求：正确，
},
},
信息：{
“文本框2”：{
必需：“ProvideYourCurrentPassword”，
},
},
});
$（“#TextBox1”）.rules（'remove'）；
});
});

在

Sys.Application.add\u load中发布Jquery代码

$(function(){
            Sys.Application.add_load(function () { 
           // your Java script Code here
                   });

            });

试试这个脚本，它可能会对你有所帮助

<script>
        $(document).ready(function () {
            $('#form1').validate({
                errorClass: 'help-block animation-slideDown',
                errorElement: 'div',
                errorPlacement: function (error, e) {
                    e.parents('.form-group > div').append(error);

                },
                highlight: function (e) {
                    $(e).closest('.form-group').removeClass('has-success has-error').addClass('has-error');
                    $(e).closest('.help-block').remove();
                },
                success: function (e) {
                    e.closest('.form-group').removeClass('has-success has-error');
                    e.closest('.help-block').remove();
                },
            });
            $('#Button1').click(function () {
                $("#TextBox1").rules("add", { required: true, messages: { required: '<%=ValidationMessage.ProvideYourCurrentPassword%>' } });
                $("#TextBox2").each(function () {
                    $(this).rules('remove');
                });
            });


            $('#Button2').click(function () {
                $("#TextBox2").each(function () {
                    $(this).rules('add', {
                        required: true
                    });
                });
                $("#TextBox1").each(function () {
                    $(this).rules('remove');
                });
            });

        });
    </script>


$（文档）.ready（函数（）{
$（'#form1'）。验证({
errorClass:“帮助阻止动画向下滑动”，
errorElement:'div'，
errorPlacement:函数（错误，e）{
e、 父项（'.form group>div'）.append（错误）；
},
亮点：功能（e）{
$（e）.最近（'.form group'）.removeClass（'has-success has error'）.addClass（'has-error'）；
$（e）.最近（'.help block'）.remove（）；
},
成功：职能（e）{
e、 最近的（'.form group'）.removeClass（'has-success has error'）；
e、 最近的（'.help block'）.remove（）；
},
});
$（'#按钮1'）。单击（函数（）{
$（“#TextBox1”）.rules（“添加”，{required:true，消息：{required:'}}）；
$（“#TextBox2”）。每个（函数（）{
$（this.rules（'remove'）；
});
});
$（'#按钮2'）。单击（函数（）{
$（“#TextBox2”）。每个（函数（）{
$（此）.rules（'add'{
必填项：true
});
});
$（“#TextBox1”）。每个（函数（）{
$（this.rules（'remove'）；
});
});
});
为每个
按钮编写
e.preventDefault（）
，一旦
formvalidation
根据
valid
完成，或者不仅仅是
submit
提交表单，或者保持原样..在将我的jquery代码放入Sys.Application.add\u load之后，jquery验证停止工作，但感谢回复