使用 Web 表单进行 jQuery 验证

Question

我不知道怎么了，但是当我点击文本框时，我总是得到

未捕获的类型错误：无法读取未定义的属性“设置”

这是我的代码（为清楚起见进行了简化）：

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

<div id="MessageForm">
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

    <asp:Button ID="Button1" runat="server" Text="doPostBack" />
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#MessageForm').validate({
            rules: {
                <%= TextBox1.ClientID %>: {
                        required: true,
                        minlength: 6,
                        maxlength: 25
                    }
                },
                messages:{
                    <%= TextBox1.ClientID %>: {
                        required: "Please enter the address.",
                        minlength: $.validator.format("The address name must be at least {0} characters."),
                        maxlength: $.validator.format("The address name must not exceed {0} characters.")
                    }
                },
                errorClass: "error-label",
                wrapper: "li",
                errorLabelContainer: "#ErrorSection"
            });
        });
</script>

我已经试过了

• 将<div id="MessageForm"> 更改为<div id="MessageForm" runat="server">
• 将$('#MessageForm').validate 更改为$('#MainContent_MessageForm').validate
• 将 <%= TextBox1.ClientID %> 更改为生成的客户端 ID (MainContent_TextBox1) 或生成的名称 (MainContent$Contenteplaceholder$ 等)

只有在使用母版页

时才会出现该问题

这可能是因为我引用的元素是<div> 吗？ 我正在使用 Web 表单，所以我不能使用另一个 <form> 标签

Answer 1

如here 和here 所述，您必须为jQuery Validate 插件使用form。我无法确定满足您要求的特定插件，但您可以查看this。