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");
});