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

Question

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

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

Answer 1

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

我会为此推荐jQuery; a quick Google发现了一些有用的结果。

请注意，来自世界各地的电话号码将以不同方式连字。例如，美国使用+ x-xxx-xxx-xxxx，而阿根廷使用+ xx-xx-xxx-xxxx。一些欧洲国家使用+ xxx-xxxx-xxxx。

Answer 2

你可以在Mask的帮助下完成。请查看此link，了解如何根据需要屏蔽文本框数据。