jQuery Validate 未触发回发方法答案

【问题标题】：Postback method not triggered with jQuery ValidatejQuery Validate 未触发回发方法
【发布时间】：2011-06-06 14:07:54
【问题描述】：

我的 jQuery Validate 脚本有一个奇怪的行为。

我有一个带有提交按钮的简单表单 (ID = _btnSave)。我验证了三个文本字段：名字、姓氏和电子邮件。

[不工作] - 正确填写表单后，我的提交按钮上的方法不会被触发：OnClick="_btnSave_Click"。

[WORKING] - 我写了一个错误的电子邮件地址，然后我更正它，点击提交按钮，我的服务器端方法被调用。

总结一下情况：如果我不触发电子邮件验证，_btnSave_Click 不会触发。

在这两种情况下页面都会刷新。

<asp:Button ID="_btnSave" OnClick="_btnSave_Click" CssClass="button big default" runat="server" Text="<%$ Resources:Resource, SAVE_CHANGES %>" />

$("#form1").validate({
            rules:{
                <%=_txtEmail.UniqueID %>:{ minlength:5, required:true, email:true, 
                    remote: { 
                        url: "/Services/ValidatorService.asmx/ValidateEmail",
                        dataType:"json",
                        type:"post",
                        data: { 
                            email: function() { return $("#<%=_txtEmail.ClientID%>").val();},
                            contactUID: function() { return $("#<%=_hidContactUID.ClientID%>").val();}
                        }
                    }
                },
                <%=_txtFirstName.UniqueID %>:   { required:true},
                <%=_txtLastName.UniqueID %>:    { required:true},
            },
            invalidHandler: function(form, validator) {
                errorContainer.fadeIn(); 
            },
            errorElement: "span",
            errorClass:"errortxt",
            highlight: function(element, errorClass) {
                $(element).parent().parent().addClass("error");
            },
            unhighlight: function(element, errorClass) { 
                    $(element).parent().parent().removeClass("error");
                if (this.numberOfInvalids() == 0) { 
                    errorContainer.fadeOut(); 
                }
            },
            messages: { <%=_txtEmail.UniqueID %>: { remote : "<%=EmailUsed %>" }
            },
            errorPlacement: function(error, element) {
                    error.insertAfter(element);
            }
        });

        $("input").click(function(){_defaultButton = $("#<%=_btnSave.ClientID%>");});   
    });

感谢您的帮助。

格雷格

【问题讨论】：

我认为您应该使用 ClientID 而不是 UniqueID，尽管您应该遇到比这更严重的问题。总体情况如何？是否涉及任何更新面板？你提交的控制是什么样的？
嗨 jamietre，我正在使用 ClientID。没有 UpdatePanel，验证工作正常。按钮的代码在第一个代码块中描述。

标签： asp.net jquery jquery-validate validation

【解决方案1】：

我知道这个问题很老了，但我最近遇到了同样的问题，无法在网上找到答案。在验证器选项中添加自定义提交处理程序为我解决了这个问题：

        $("#form1").validate({
            submitHandler: function (form) {
                __doPostBack("_btnSave", "OnClick");
            }
            // your other options
        });

【讨论】：