javascript - 在 asp.net 上的文本框中格式化字符串

Question

抱歉，如果我的问题是双重的，我只是不知道如何在谷歌上提问，感谢您的理解...

对于我的问题:我有 asp:textbox，我希望文本类似于 xxx-xxxxxx。x 可以是任何数字。如果不运行服务器，我该怎么做？我可以在不编写新的 JavaScript 代码的情况下做到这一点吗？

<asp:TextBox ID="Id" runat="server" placeHolder="Your ID" style="width:100%" MaxLength="10" ></asp:TextBox>

Answer 1

因为有太多外部库可用，您可以使用 Telrik ajax lib你可以按照下面的方法来做首先，包含 jQuery 和屏蔽的输入 javascript 文件。

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

接下来，为您希望屏蔽的项目调用屏蔽函数。

jQuery(function($){
$("#phone").mask("999-9999999");
});

可选地，如果您不满意下划线 ('_') 字符作为占位符，您可以将可选参数传递给 maskedinput 方法。

jQuery(function($){
$("#phone").mask("999-9999999",{placeholder:" "});
});

可选地，如果您想在掩码完成后执行一个函数，您可以将该函数指定为 maskedinput 方法的可选参数。

jQuery(function($){
 $("#phone").mask("999-9999999",{completed:function(){alert("You typed the 
  following: "+this.val());}});
 });

您可以选择部分面具。 '?' 后列出的任何内容在掩码内被认为是可选的用户输入。常见的例子是电话号码 + 可选分机。

jQuery(function($){
  $("#phone").mask("(999) 999-9999? x99999");
});

如果预定义的占位符不能满足您的要求，您可以随时添加自己的占位符。例如，您可能需要一个掩码来只允许十六进制字符。您可以为占位符添加自己的定义，例如“h”，如下所示: $.mask.definitions['h'] = "[A-Fa-f0-9]";然后您可以使用它来屏蔽诸如 css 颜色之类的内容。

jQuery(function($){
 $("#phone").mask("#hhhhhh");
});

根据设计，此插件将拒绝未完成掩码的输入。您可以使用 '?' 来绕过它在您认为输入可选的位置的字符。例如，掩码“(999) 999-9999?x99999”只需要电话号码的前 10 位数字，分机号是可选的。