自动调整表单中的电话号码格式

Question

我想制作一个表单元素，用于输入电话号码，自动调整电话号码格式。

我不喜欢将外部链接显示为实际形式。 所以，这是我用文字做动画的努力。

我想要的最终结果是这种格式。

(519) 111-1111

前三个区号，后跟一个空格，区号三个数字，一个破折号和一个四个数字

因此，一旦用户开始输入第一个数字，它就会自动变为

(5

当三个数字

(519

第四个号码

(519) 1

空间和完整的括号

快三号，自动破折号

(519) 111-1

最后三个数字

(519) 111-1111

就像那样。

我是新手，我不知道，怎么做，我很确定我们需要jquery和javascript的东西。

任何提示/建议/帮助都会非常感激。

Answer 1

您提到了jQuery，您可以查看https://igorescobar.github.io/jQuery-Mask-Plugin/

他们有一个例子可以完全满足您的要求（＆＃34;美国电话＆＃34;）