Jquery Validate - 无法让验证器工作

Question

我有一个想要验证的表单，但我无法让验证器工作。

主页是 ASP.NET C#。 我有主标签，将在 submitHandler 上使用 ajax 标注来提交表单。 在表单标签内，我有一个 div，它是一个 jquery 对话框。在那个 div 里面，我有所有的字段和提交表单的按钮（实际上是一个带有 jquery .click 事件的按钮）。

字段是这样的：

<input class="last_name_class modal__input__font" id="lastname" style="width:100%;" type="text" value="" runat="server" />

这是提交按钮

<input class="btn_red" id="btn_Submit" type="button" value="CREATE CUSTOMER" />

当按钮被点击时，它会触发：

$('#btn_Submit').click(function () {
    $('#form1').valid();
});

这是我的 validate() 函数

 $('#form1').validate({

            rules: {
                <%=lastname.ClientID%> :{
                    required: true,
                },
                <%=firstnames.UniqueID%> :{
                    required: true,
                },
                <%=dob.UniqueID%> :{
                    required: true,
                },
                <%=addressline1.UniqueID%> :{
                    required: true,
                },
                <%=suburb.UniqueID%> :{
                    required: true,
                },
                <%=state.UniqueID%> :{
                    required: true,
                },
                <%=postcode.UniqueID%> :{
                    required: true,
                },

            },
            highlight: function(element, errorClass) {
                alert(element);
                $(element).addClass(errorClass);
                $(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
            },
            unhighlight: function(element, errorClass) {
                $(element).removeClass(errorClass);
                $(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
            },
            submitHandler: function (form) {
                // do other things for a valid form
                //form.submit();

            }
        });

当我点击按钮时，似乎什么也没有发生。我什至无法判断是否触发了验证。

谢谢

Answer 1

Jquery 验证适用于元素名称，检查这一行：

<input class="last_name_class modal__input__font" id="lastname" style="width:100%;" type="text" value="" runat="server" />

没有指定名称。将其更改为：

<input class="last_name_class modal__input__font" id="lastname" name="lastname" style="width:100%;" type="text" value="" runat="server" />

然后再试一次。