当我使用需要 ID 的 jquery 时，如何解决 ASP.NET 自动生成 ID 的问题？

Question

我正在使用 jquery 流行的验证插件来验证我的所有字段。当输入字段未在服务器上运行并因此不重命名输入的所有 ID 和名称时，此功能非常有效。

我想知道是否有不同的方法来选择 jquery 中的输入，以便我仍然可以使用该插件。 jquery如下：

<script type="text/javascript">
jQuery.validator.messages.required = "";
$(document).ready(function () {
    $('#form1').validate({
        rules: {
            firstName: {
                required: true,
            },
        }
    });
});

目前，如果我使用 ，则 ID 为“ContentPlaceHolderBody_firstName”，名称为“ctl00$ContentPlaceHolderBody$firstName”。

我什至尝试替换 jquery 中的名称以反映 ID 和名称，但无济于事。

解决这个问题的最佳方法是什么？我可以添加一个班级并以这种方式选择吗？如果是这样，jquery 选择器会是什么样子？

任何帮助表示赞赏！谢谢！

Answer 1

您可以编写一些内联服务器端代码，例如：

$('#form1').validate({
        rules: {
            <%= txtFirstName.ClientID %>: {
                required: true,
            },
        }
    });

Answer 2

转到 asp.net 4.0

http://weblogs.asp.net/scottgu/archive/2010/03/30/cleaner-html-markup-with-asp-net-4-web-forms-client-ids-vs- 2010-and-net-4-0-series.aspx

Answer 3

将 ClientIDMode 属性设置为静态

http://msdn.microsoft.com/en-us /library/1d04y8ss.aspx

Answer 4

类的 jquery 选择器是 $(".classname)

Answer 5

在 .net 4.0 中，您可以设置 ClientIDMode="static" 并具有可预测的控件 ID，

例如

<asp:Label ID="Label1" runat="server" ClientIDMode="static" />

在 javascript 端你可以有你选择的 id

$("#Label1").hide();

Answer 6

将类添加到您的 asp 控件，然后选择该类而不是 ID