Jquery中的自动格式化电话号码 [英] Auto Format Phone Number in Jquery

问题描述

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

I have one textbox for phone number. My phone number should be XXX-XXX-XXX like this format.

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

I got the solution for XXX-XXX-XXX format, but i don't know how to modify that code.

$('#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/

推荐答案

因为你正在使用jQuery您可以尝试jquery masked-input-plugin 。

Since you're using jQuery you can try jquery masked-input-plugin.

你有一个jsFiddle 这里你可以看看它是如何工作的。

There's a jsFiddle for you here where you can see how it works.

可以找到GitHub项目的源代码这里。

The source code for the project on GitHub can be found here.

实现不仅仅是简单：

HTML：

<input id="ssn"/>

javascript：

javascript:

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

更新：

可以在这里找到另一个好的。

Another good one can be found here.

这篇关于Jquery中的自动格式化电话号码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！