asp.net - ASP.NET Web 表单中的 jQuery 验证插件

Question

我真的很想在我的 ASP.NET Web 表单应用程序(而不是 MVC)中使用 jQuery 验证插件。我发现这比到处添加 asp 验证器并设置控件来验证所有验证器的字段更容易。

我只是在设置像 class="required email"这样的类时遇到一些问题，我认为这与主表单标签中的表单标签有关。

当使用在 asp 控件中被破坏的名称调用 jquery 验证时，我也遇到了问题

// validate signup form on keyup and submit
$("#signupForm").validate({
    rules: { 
        username: {
            required: true,
            minlength: 2
        }, },
    messages: { 
        username: {
            required: "Please enter a username",
            minlength: "username at least 2 characters"
        }, 
    }.

.......

        <p>
            <label for="username">
                Username</label>
            <input id="username" name="username" />
        </p>

因为这个

<asp:TextBox ID="tbUsername"  runat="server"></asp:TextBox>

渲染为

<input name="ctl00$ContentPlaceHolder1$tbUsername" type="text" id="ctl00_ContentPlaceHolder1_tbUsername" />

并破坏了名字。我可以使用 <%=tbUsername.ClientID %> 获取 ClientID但这不适用于 ClientName

有人在 ASP.NET 中使用 jquery 验证器插件取得过成功吗？如果是这样，那么使用多个表单(就像使用单独的验证组一样)怎么样？

Answer 1

您可以查看rules add function ，但基本上您可以执行以下操作:

jQuery(function() {
    // You can specify some validation options here but not rules and messages
    jQuery('form').validate(); 
    // Add a custom class to your name mangled input and add rules like this
    jQuery('.username').rules('add', { 
        required: true, 
        messages: { 
            required: 'Some custom message for the username required field' 
        } 
    });
});

<input name="ctl00$ContentPlaceHolder1$tbUsername" type="text" id="ctl00_ContentPlaceHolder1_tbUsername" class="username" />

这样就无需担心网络表单引擎生成的蹩脚标识符。