Question

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

我有一个带提交按钮的简单表单（ID = _btnSave）。我验证了三个文本字段：firstname，lastname和email。

[NOT WORKING] - 正确填写表单后，我的提交按钮上的方法不会被触发：OnClick =“_ btnSave_Click”。

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

总结一下情况：如果我没有触发电子邮件的验证，则不会触发_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%>");});   
    });

感谢您的帮助。

格雷格

Answer 1

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

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

使用jQuery Validate不会触发回发方法

1 个答案: