Jquery 验证 - 无法让验证器工作

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" />

然后重试。

Jquery 验证 - 无法让验证器工作

Jquery Validate - Unable to get the validator working

javascript

c#

asp.net

jquery

jquery-validate