将 jquery 与嵌套母版页结合使用

Question

谁能告诉我如何在 ASP.NET 嵌套母版页中使用 jquery。我有我的主主页，其中添加了 jquery libaray 的链接以及验证框架。然后，我创建了另一个带有一些样式的母版页，并基于该母版页创建了一个 aspx 页面。

如何将验证框架附加到页面内的文本框？

我已经尝试过

         $("#aspnetForm").validate({
            rules: {
                <%=txtPostCode.UniqueID %>: {
                    minlength: 2,
                    required: true
                },
                 <%=txtContactEmail.UniqueID %>: {                        
                    required: true,
                    email:true
                }
            }, messages: {
                <%=txtPostCode.UniqueID %>:{ 
                    required: "* Required Field *", 
                    minlength: "* Please enter atleast 2 characters *" 
                }
           }
        });

但是没有任何反应。有人能指出我正确的方向吗？

Answer 1

您可以编写将 ID 传递给 jQuery 函数的包装器方法，并使用 RegisterStartupScript 或子页面上的内联 JS 调用这些方法：

Javascript:

function makejQueryOnMangledNamesLessPainful(firstSelector, secondSelector)
{
    $(firstSelector).whatever();
}

.aspx:

<script>
   makejQueryOnMangledNamesLessPainful('#<%=Thing.ClientID%>',
                                       '<%=OtherThing.GetClientSelector()%>);
</script>

其中 GetClientSelector 返回字符串，它是一个选择器，要么只是一个 ID，要么可能是一些服务器派生的类集。或者其他什么，真的。

Answer 2

因为 ASP.NET 会破坏 ID，所以最好的选择可能是为服务器控件设置 CSS 类并以这种方式访问​​它们：

<asp:textbox id="Text1" cssclass="myText" runat="server" />

$('.myText').whatever();

这不是最有效的 JS，因为您是按类而不是 ID 进行选择，但它会节省您的时间尝试处理 WebForms 中的 ASP.NET 损坏的 ID 是一个令人头疼的问题。