javascript - 在 Jquery 中自动格式化电话号码

Question

我有一个电话号码文本框。我的电话号码应该是 XXX-XXX-XXX 这样的格式。

我得到了 XXX-XXX-XXX 格式的解决方案，但我不知道如何修改该代码。

$('#ssn').keyup(function() {
    var val = this.value.replace(/\D/g, '');
    var newVal = '';
    while (val.length > 3) {
      newVal += val.substr(0, 3) + '-';
      val = val.substr(3);
    }
    newVal += val;
    this.value = newVal;
});

http://jsfiddle.net/ssthil/nY2QT/

Answer 1

由于您使用的是 jQuery，因此可以尝试 jquery masked-input-plugin .

有一个 jsFiddle 适合你 here您可以在其中查看其工作原理。

可以在 GitHub 上找到该项目的源代码 here .

实现非常简单:

HTML:

<input id="ssn"/>

JavaScript:

$("#ssn").mask("999-999-999");

更新:

另一个不错的可以找here .