使用jQuery的asp.net文本框掩碼不起作用

Question

我正在嘗試使用jquery掩碼應用於ASP.NET Web窗體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>