Javascript 屏蔽输入插件不工作

Javascript 屏蔽输入插件不工作,javascript,jquery,asp.net,masking,Javascript,Jquery,Asp.net,Masking,编辑:我在这个链接上找到了解决我问题的答案 我正在使用这个插件 我的推荐人: <script src='<%# ResolveUrl("~/Scripts/jquery-maskedInput-1.3.1.js")%>' type="text/javascript"></script> 我在脚本中有我的功能 $(function () { $('<%= txtPhoneNum.ClientID %>').mask(

编辑:我在这个链接上找到了解决我问题的答案

我正在使用这个插件

我的推荐人:

<script src='<%# ResolveUrl("~/Scripts/jquery-maskedInput-1.3.1.js")%>' type="text/javascript"></script>

我在脚本中有我的功能

    $(function () {
        $('<%= txtPhoneNum.ClientID %>').mask("(999) 999-9999");
               });
$(函数(){
$('')掩码(“(999)999-9999”);
});
以及窗格/updatepanel/contentTemplate中的我的文本框控件

<asp:Panel ID="PanelAddPhoneNumber" runat="server" Style="display: none; min-width: 500px; min-height: 500px;" Title="Add Phone Numbers">
    <asp:UpdatePanel ID="UpdatePanelAddPhoneNums" runat="server" UpdateMode="Always">
        <ContentTemplate>

            <table>
                <tr>
                    <td>
                        <asp:Label ID="Label21" runat="server" Text="Phone Type:" />
                    </td>
                    <td>
                        <asp:DropDownList runat="server" ID="dropDownListPhoneType" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="Label28" runat="server" Text="Phone Number:" />
                    </td>
                    <td>
                        <asp:TextBox runat="server" ID="txtPhoneNum" type="text" AutoPostBack="true" Width="300" />
                    </td>
                </tr>
            </table>
            <div style="text-align: center;">
                <br />
                <br />
                <br />
                <asp:Button ID="btnAddPhoneNum" runat="server" OnClientClick="ButtonCancelClient();" OnClick="btnAddPhoneNum_Click" Text="Add" />
                <asp:Button ID="btnCancelPhoneNum" runat="server" OnClientClick="ButtonCancelClient();" OnClick="btnCancelPhoneNum_Click" Text="Cancel" />
                <asp:Button ID="btnDeletePhoneNum" runat="server" OnClick="btnDeletePhoneNum_Click" Text="Delete" Visible="false" OnClientClick="check();" />
            </div>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnAddPhoneNum" EventName="Click" />
            <asp:AsyncPostBackTrigger ControlID="btnCancelPhoneNum" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
</asp:Panel>




但是当我点击我的txtPhone控件时,没有面具或任何东西。。它什么也不做

我试着在函数中将我的名字从txtPhone.ClientID改为仅仅是txtPhone,我想它可能是引用,但事实并非如此,因为我在同一个文件夹中使用了对.js文件的其他5个引用,它们都在工作,我的引用拼写正确,但我真的不知道为什么这不起作用

这些都是项目中使用的.js F 'rel=“样式表” type=“text/css”runat=“server”/> 'rel=“样式表” type=“text/css”runat=“server”/> 'rel=“样式表” type=“text/css”runat=“server”/> 'type=“text/javascript”> 'type=“text/javascript”> 'type=“text/javascript”> 'type=“text/javascript”>


确保正在加载核心jQuery库和UI库:

必须首先加载这些库:(这些只是一个示例,使用您喜欢的任何版本,但需要加载jQuery)


这是不正确的:

 $(function () {
    $('<%= txtPhoneNum.ClientID %>').mask("(999) 999-9999");
           });
$(函数(){
$('')掩码(“(999)999-9999”);
});
您需要使用并且需要使用一个#作为elementId的前缀:

$(文档).ready(函数(){
$(“#”)掩码(“(999)999-9999”);
});

确保您加载的是jquery库,而不仅仅是屏蔽插件我看不到您这样做。

我还尝试了jquery(函数($){$((“txtPhoneNum”).mask((999)999-9999”);});versaI副总裁实施了它,但它仍然一事无成。没有错误,没有掩码。请再次阅读我的答案。。。您在哪里加载jquery库?我只看到你在加载屏蔽插件。该插件依赖于jQuery库对不起,我在你的编辑更新之前发表了评论。我没有那个图书馆,你是对的。你会碰巧知道使用1.x还是2.x?我对JQuery还是新手,编辑:没关系,这取决于IE的哪个版本。。。只需将它们粘贴到分区中并进行测试。然后将缩小的版本加载到服务器
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
 $(function () {
    $('<%= txtPhoneNum.ClientID %>').mask("(999) 999-9999");
           });
$( document ).ready(function() {
    $('#<%= txtPhoneNum.ClientID %>').mask("(999) 999-9999");
});