Question

我尝试使用jquery掩码应用于 ASP.NET 网络表单textbox。我什么都做不了......我错过了什么？

<script type="text/javascript" src="/js/jquery.maskedinput-1.2.2.js"></script>
<script type="text/javascript" src="/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    $(function() {
        $("#phone").mask("999-999-9999");
    });
</script>

这是文本框代码：

<asp:TextBox runat="server" ID="phone" CssClass="rightsection" ToolTip="Please enter a phone number."></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ControlToValidate="phone" Display="Dynamic" ForeColor="Red" Text="Required field" ValidationGroup="formfields" />

Answer 1

文本框的ID在呈现为包含父容器ID时会发生更改，您可以使用此ClientID获取呈现的ID

$("#<%= phone.ClientID%>").mask("999-999-9999");

通过将每个父命名容器的ID值与控件的ID值连接来生成ClientID值。在呈现控件的多个实例的数据绑定方案中，在控件的ID值前面插入递增值。每个段由下划线字符（_）分隔。

Answer 2

这是解决方案：

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.maskedinput.js"></script>

asp.net文本框掩码使用jquery无法正常工作

2 个答案: