jquery - 如何在html文本框中添加连字符？

Question

我使用以下代码textbox在运行时间创建用于输入电话号码。如何在电话号码之间添加连字符（-）。例如，如果我输入1234567，则该条目应显示如下123-45-67怎么做这个？如何在 JQuery 中做到这一点？

<input id="abcd" type="text" value="" style="width:220px">

Answer 1

为此，您必须使用 JavaScript。我认为这是一个很好的起点...不过，底线是，您必须为此编写一些脚本。（基本上，当字段更改时，检查它是否是正确数量的#s，并在必要时添加连字符。）

我会为此推荐 jQuery；一个快速的谷歌出现了一些有用的结果。

请记住，来自世界不同地区的电话号码将使用不同的连字符。例如，美国使用 +x-xxx-xxx-xxxx，而阿根廷使用 +xx-xx-xxx-xxxx。一些欧洲国家使用+xxx-xxxx-xxxx。

Answer 2

你可以在面具的帮助下做到这一点。检查此链接以了解如何根据需要屏蔽文本框数据。