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

我想做一个表单元素,用于输入电话号码,它会自动调整电话号码格式。

下面是我在文字动画方面的努力。

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

(519) 111-1111

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

因此,一旦用户开始键入第一个数字,它就会自动变成

(5

当三个数字

(519

只要第四个数字

(519) 1

只要三个数字多一点,自动冲刺

(519) 111-1

最后三个数字

(519) 111-1111

就这样。

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

任何提示/建议/帮助都将不胜感激。