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

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/

他们有一个完全符合您要求的示例(“美国电话”)