blocks|key|471465|text|简单：http://jsfiddle.net/Xxk3F/3/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|471466|$('.phone').text(function(i,+text)+{
++++return+text.replace(/(\d{3})(\d{3})(\d{4})/,+'$1-$2-$3');
});|code-block|syntax|javascript|471467|或者：http://jsfiddle.net/Xxk3F/1/|471468|$('.phone').text(function(i,+text)+{
++++return+text.replace(/(\d\d\d)(\d\d\d)(\d\d\d\d)/,+'$1-$2-$3');
});|471469|注意：.text()方法不能用于输入元素。对于输入字段文本，请使用.val()方法。|471470|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/Xxk3F/3/|1|http://jsfiddle.net/Xxk3F/1/^0|3|S|0|0|0|3|S|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]]|C|$]]|$1|K|3|L|5|F|7|17|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]|W|$5|R|S|T|C|$U|X]]]]

Simple: <a href="http://jsfiddle.net/Xxk3F/3/" rel="noreferrer">http://jsfiddle.net/Xxk3F/3/</a>

<pre><code>$('.phone').text(function(i, text) {
 return text.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
});
</code></pre>

Or: <a href="http://jsfiddle.net/Xxk3F/1/" rel="noreferrer">http://jsfiddle.net/Xxk3F/1/</a>

<pre><code>$('.phone').text(function(i, text) {
 return text.replace(/(\d\d\d)(\d\d\d)(\d\d\d\d)/, '$1-$2-$3');
});
</code></pre>

Note: The .text() method cannot be used on input elements. For input field text, use the .val() method.

blocks|key|471482|text|var+phone+=+'2124771000',
++++formatted+=+phone.substr(0,+3)+%2B+'-'+%2B+phone.substr(3,+3)+%2B+'-'+%2B+phone.substr(6,4)|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|471483|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var phone = '2124771000',
 formatted = phone.substr(0, 3) + '-' + phone.substr(3, 3) + '-' + phone.substr(6,4)
</code></pre>

blocks|key|687734|text|别忘了确保你使用的是纯整数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|687735|var+separator+=+'-';
$(+".phone"+).text(+function(+i,+DATA+)+{
++++DATA
++++++++.replace(+/[%5E\d]/g,+''+)
++++++++.replace(+/(\d{3})(\d{3})(\d{4})/,+'$1'+%2B+separator+%2B+'$2'+%2B+separator+%2B+'$3'+);
++++return+DATA;
});|code-block|syntax|javascript|687736|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Don't forget to ensure you are working with purely integers.

<pre><code>var separator = '-';
$( ".phone" ).text( function( i, DATA ) {
 DATA
 .replace( /[^\d]/g, '' )
 .replace( /(\d{3})(\d{3})(\d{4})/, '$1' + separator + '$2' + separator + '$3' );
 return DATA;
});
</code></pre>

blocks|key|471606|text|以下是其中一些答案的组合。这可用于输入字段。处理7位和10位数字长度的电话号码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|471607|//+Used+to+format+phone+number
function+phoneFormatter()+{
++$('.phone').on('input',+function()+{
++++var+number+=+$(this).val().replace(/[%5E\d]/g,+'')
++++if+(number.length+==+7)+{
++++++number+=+number.replace(/(\d{3})(\d{4})/,+"$1-$2");
++++}+else+if+(number.length+==+10)+{
++++++number+=+number.replace(/(\d{3})(\d{3})(\d{4})/,+"($1)+$2-$3");
++++}
++++$(this).val(number)
++});
}|code-block|syntax|javascript|471608|现场示例：JSFiddle|offset|length|471609|我知道这不能直接回答这个问题，但当我查找答案时，这是我找到的第一个页面之一。因此，这个答案适用于任何正在搜索与我搜索的内容相似的人。|471610|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/cruznunez/a4jbqqsv/^0|0|0|5|8|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@$I|X|J|Y|1|Z]]|A|$]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Here's a combination of some of these answers. This can be used for input fields. Deals with phone numbers that are 7 and 10 digits long.

<pre><code>// Used to format phone number
function phoneFormatter() {
 $('.phone').on('input', function() {
 var number = $(this).val().replace(/[^\d]/g, '')
 if (number.length == 7) {
 number = number.replace(/(\d{3})(\d{4})/, "$1-$2");
 } else if (number.length == 10) {
 number = number.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3");
 }
 $(this).val(number)
 });
}
</code></pre>

Live example: <a href="https://jsfiddle.net/cruznunez/a4jbqqsv/" rel="noreferrer">JSFiddle</a>

I know this doesn't directly answer the question, but when I was looking up answers this was one of the first pages I found. So this answer is for anyone searching for something similar to what I was searching for.

blocks|key|687866|text|使用库来处理电话号码。谷歌的Libphonenumber是你最好的选择。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|687867|//+Require+`PhoneNumberFormat`.
var+PNF+=+require('google-libphonenumber').PhoneNumberFormat;

//+Get+an+instance+of+`PhoneNumberUtil`.
var+phoneUtil+=+require('google-libphonenumber').PhoneNumberUtil.getInstance();

//+Parse+number+with+country+code.
var+phoneNumber+=+phoneUtil.parse('202-456-1414',+'US');

//+Print+number+in+the+international+format.
console.log(phoneUtil.format(phoneNumber,+PNF.INTERNATIONAL));
//+=>+%2B1+202-456-1414|code-block|syntax|javascript|687868|我推荐使用这个package+by+seegno。|687869|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/googlei18n/libphonenumber|1|https://github.com/seegno/google-libphonenumber^0|E|E|0|0|0|7|7|1|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@$A|10|B|11|1|12]]|C|$]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

Use a library to handle phone number. <a href="https://github.com/googlei18n/libphonenumber" rel="noreferrer">Libphonenumber</a> by Google is your best bet.

<pre><code>// Require `PhoneNumberFormat`.
var PNF = require('google-libphonenumber').PhoneNumberFormat;

// Get an instance of `PhoneNumberUtil`.
var phoneUtil = require('google-libphonenumber').PhoneNumberUtil.getInstance();

// Parse number with country code.
var phoneNumber = phoneUtil.parse('202-456-1414', 'US');

// Print number in the international format.
console.log(phoneUtil.format(phoneNumber, PNF.INTERNATIONAL));
// =&gt; +1 202-456-1414
</code></pre>

I recommend to use this <a href="https://github.com/seegno/google-libphonenumber" rel="noreferrer">package</a> by seegno.

blocks|key|471640|text|我已经为您提供了jsfiddle链接，用于将美国电话号码格式化为(XXX)+XXX-XXX|type|unstyled|depth|inlineStyleRanges|entityRanges|data|471641|+$('.class-name').on('keypress',+function(e)+{
++var+key+=+e.charCode+%7C%7C+e.keyCode+%7C%7C+0;
++var+phone+=+$(this);
++if+(phone.val().length+===+0)+{
++++phone.val(phone.val()+%2B+'(');
++}
++//+Auto-format-+do+not+expose+the+mask+as+the+user+begins+to+type
++if+(key+!==+8+&&+key+!==+9)+{
++++if+(phone.val().length+===+4)+{
++++++phone.val(phone.val()+%2B+')');
++++}
++++if+(phone.val().length+===+5)+{
++++++phone.val(phone.val()+%2B+'+');
++++}
++++if+(phone.val().length+===+9)+{
++++++phone.val(phone.val()+%2B+'-');
++++}
++++if+(phone.val().length+>=+14)+{
++++++phone.val(phone.val().slice(0,+13));
++++}
++}

++//+Allow+numeric+(and+tab,+backspace,+delete)+keys+only
++return+(key+==+8+%7C%7C
++++key+==+9+%7C%7C
++++key+==+46+%7C%7C
++++(key+>=+48+&&+key+<=+57)+%7C%7C
++++(key+>=+96+&&+key+<=+105));
})

.on('focus',+function()+{
++phone+=+$(this);

++if+(phone.val().length+===+0)+{
++++phone.val('(');
++}+else+{
++++var+val+=+phone.val();
++++phone.val('').val(val);+//+Ensure+cursor+remains+at+the+end
++}
})

.on('blur',+function()+{
++$phone+=+$(this);

++if+($phone.val()+===+'(')+{
++++$phone.val('');
++}
});|code-block|syntax|javascript|471642|现场示例：JSFiddle|offset|length|471643|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/kapilrc/rz3w34ue/1/^0|0|0|5|8|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

I have provided jsfiddle link for you to format US phone numbers as 
(XXX) XXX-XXX

<pre><code> $('.class-name').on('keypress', function(e) {
 var key = e.charCode || e.keyCode || 0;
 var phone = $(this);
 if (phone.val().length === 0) {
 phone.val(phone.val() + '(');
 }
 // Auto-format- do not expose the mask as the user begins to type
 if (key !== 8 &amp;&amp; key !== 9) {
 if (phone.val().length === 4) {
 phone.val(phone.val() + ')');
 }
 if (phone.val().length === 5) {
 phone.val(phone.val() + ' ');
 }
 if (phone.val().length === 9) {
 phone.val(phone.val() + '-');
 }
 if (phone.val().length &gt;= 14) {
 phone.val(phone.val().slice(0, 13));
 }
 }

 // Allow numeric (and tab, backspace, delete) keys only
 return (key == 8 ||
 key == 9 ||
 key == 46 ||
 (key &gt;= 48 &amp;&amp; key &lt;= 57) ||
 (key &gt;= 96 &amp;&amp; key &lt;= 105));
})

.on('focus', function() {
 phone = $(this);

 if (phone.val().length === 0) {
 phone.val('(');
 } else {
 var val = phone.val();
 phone.val('').val(val); // Ensure cursor remains at the end
 }
})

.on('blur', function() {
 $phone = $(this);

 if ($phone.val() === '(') {
 $phone.val('');
 }
});
</code></pre>

Live example: <a href="https://jsfiddle.net/kapilrc/rz3w34ue/1/" rel="nofollow">JSFiddle</a>

blocks|key|687691|text|试试这样的东西..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|687692|jQuery.validator.addMethod("phoneValidate",+function(number,+element)+{
++++number+=+number.replace(/\s%2B/g,+"");+
++++return+this.optional(element)+%7C%7C+number.length+>+9+&&
++++++++number.match(/%5E(1-?)?($[2-9]\d{2}$%7C[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
},+"Please+specify+a+valid+phone+number");

$("#myform").validate({
++rules:+{
++++field:+{
++++++required:+true,
++++++phoneValidate:+true
++++}
++}
});|code-block|syntax|javascript|687693|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try something like this..

<pre><code>jQuery.validator.addMethod("phoneValidate", function(number, element) {
 number = number.replace(/\s+/g, ""); 
 return this.optional(element) || number.length &gt; 9 &amp;&amp;
 number.match(/^(1-?)?($[2-9]\d{2}$|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/);
}, "Please specify a valid phone number");

$("#myform").validate({
 rules: {
 field: {
 required: true,
 phoneValidate: true
 }
 }
});
</code></pre>

blocks|key|471722|text|考虑libphonenumber+js+(https://github.com/halt-hammerzeit/libphonenumber-js)，它是完整且著名的libphonenumber的较小版本。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|471723|简单明了的例子：|471724|$(".phone-format").keyup(function()+{
//+Don't+reformat+backspace/delete+so+correcting+mistakes+is+easier
if+(event.keyCode+!=+46+&&+event.keyCode+!=+8)+{
++++var+val_old+=+$(this).val();
++++var+newString+=+new+libphonenumber.asYouType('US').input(val_old);
++++$(this).focus().val('').val(newString);
}
});|code-block|syntax|javascript|471725|(如果您确实使用正则表达式来避免库下载，请避免在backspace/delete上重新格式化，这将使更正输入错误变得更容易。)|471726|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/halt-hammerzeit/libphonenumber-js^0|L|1G|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Consider libphonenumber-js (<a href="https://github.com/halt-hammerzeit/libphonenumber-js" rel="nofollow noreferrer">https://github.com/halt-hammerzeit/libphonenumber-js</a>) which is a smaller version of the full and famous libphonenumber. 

Quick and dirty example:

<pre><code>$(".phone-format").keyup(function() {
// Don't reformat backspace/delete so correcting mistakes is easier
if (event.keyCode != 46 &amp;&amp; event.keyCode != 8) {
 var val_old = $(this).val();
 var newString = new libphonenumber.asYouType('US').input(val_old);
 $(this).focus().val('').val(newString);
}
});
</code></pre>

(If you do use a regex to avoid a library download, avoid reformat on backspace/delete will make it easier to correct typos.)

blocks|key|471752|text|另一种解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|471753|​|471754|function+numberWithSpaces(value,+pattern)+{
++var+i+=+0,
++++phone+=+value.toString();
++return+pattern.replace(/#/g,+_+=>+phone[i%2B%2B]);
}

console.log(numberWithSpaces('2124771000',+'###-###-####'));|code-block|syntax|javascript|471755|471756|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

An alternative solution:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function numberWithSpaces(value, pattern) {
 var i = 0,
 phone = value.toString();
 return pattern.replace(/#/g, _ =&gt; phone[i++]);
}

console.log(numberWithSpaces('2124771000', '###-###-####'));</code></pre>
</div>
</div>

blocks|key|687963|text|+$(".phoneString").text(function(i,+text)+{
++++++++++++text+=+text.replace(/(\d{3})(\d{3})(\d{4})/,+"($1)+$2-$3");
++++++++++++return+text;
++++++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|687964|输出:-(123)+657-8963|unstyled|687965|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code> $(".phoneString").text(function(i, text) {
 text = text.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3");
 return text;
 });
</code></pre>

Output :-(123) 657-8963

blocks|key|688041|text|下面的事件处理程序应该执行必要的操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|688042|$('[name=mobilePhone]').on('keyup',+function(e){
++++++++++++++++++++var+enteredNumberStr=this.$('[name=mobilePhone]').val(),++++++++++++++++++++
++++++++++++++++++++++//Filter+only+numbers+from+the+input
++++++++++++++++++++++cleanedStr+=+(enteredNumberStr).replace(/\D/g,+''),
++++++++++++++++++++++inputLength=cleanedStr.length,
++++++++++++++++++++++formattedNumber=cleanedStr;+++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++if(inputLength>3+&&+inputLength<7)+{
++++++++++++++++++++++++formattedNumber=+cleanedStr.substr(0,3)+%2B+'-'+%2B+cleanedStr.substr(3,inputLength-1)+;
++++++++++++++++++++++}else+if+(inputLength>=7+&&+inputLength<10)+{
++++++++++++++++++++++++++formattedNumber=+cleanedStr.substr(0,3)+%2B+'-'+%2B+cleanedStr.substr(3,3)+%2B+'-'+%2B+cleanedStr.substr(6,inputLength-1);++++++++++++++++++++++++++
++++++++++++++++++++++}else+if(inputLength>=10)+{
++++++++++++++++++++++++++formattedNumber=+cleanedStr.substr(0,3)+%2B+'-'+%2B+cleanedStr.substr(3,3)+%2B+'-'+%2B+cleanedStr.substr(6,inputLength-1);++++++++++++++++++++++++
++++++++++++++++++++++}
++++++++++++++++++++++console.log(formattedNumber);
++++++++++++++++++++++this.$('[name=mobilePhone]').val(formattedNumber);
++++++++++++});|code-block|syntax|javascript|688043|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Following event handler should do the needful:
<pre><code>$('[name=mobilePhone]').on('keyup', function(e){
 var enteredNumberStr=this.$('[name=mobilePhone]').val(), 
 //Filter only numbers from the input
 cleanedStr = (enteredNumberStr).replace(/\D/g, ''),
 inputLength=cleanedStr.length,
 formattedNumber=cleanedStr; 
 
 if(inputLength&gt;3 &amp;&amp; inputLength&lt;7) {
 formattedNumber= cleanedStr.substr(0,3) + '-' + cleanedStr.substr(3,inputLength-1) ;
 }else if (inputLength&gt;=7 &amp;&amp; inputLength&lt;10) {
 formattedNumber= cleanedStr.substr(0,3) + '-' + cleanedStr.substr(3,3) + '-' + cleanedStr.substr(6,inputLength-1); 
 }else if(inputLength&gt;=10) {
 formattedNumber= cleanedStr.substr(0,3) + '-' + cleanedStr.substr(3,3) + '-' + cleanedStr.substr(6,inputLength-1); 
 }
 console.log(formattedNumber);
 this.$('[name=mobilePhone]').val(formattedNumber);
 });
</code></pre>

blocks|key|688016|text|以扩展Cruz+Nunez代码并添加连续格式，以及包括一些国际电话号码格式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|688017|++++$('#phone').on('input',+function()+{
++++++var+number+=+$(this).val().replace(/[%5E\d]/g,+'');
++++++if+(number.length+==+3)+{
++++++++number+=+number.replace(/(\d{3})/,+"$1-");
++++++}+else+if+(number.length+==+4)+{
++++++++number+=+number.replace(/(\d{3})(\d{1})/,+"$1-$2");
++++++}+else+if+(number.length+==+5)+{
++++++++number+=+number.replace(/(\d{3})(\d{2})/,+"$1-$2");
++++++}+else+if+(number.length+==+6)+{
++++++++number+=+number.replace(/(\d{3})(\d{3})/,+"$1-$2-");
++++++}+else+if+(number.length+==+7)+{
++++++++number+=+number.replace(/(\d{3})(\d{3})(\d{1})/,+"$1-$2-$3");
++++++}+else+if+(number.length+==+8)+{
++++++++number+=+number.replace(/(\d{4})(\d{4})/,+"$1-$2");
++++++}+else+if+(number.length+==+9)+{
++++++++number+=+number.replace(/(\d{3})(\d{3})(\d{3})/,+"$1-$2-$3");
++++++}+else+if+(number.length+==+10)+{
++++++++number+=+number.replace(/(\d{3})(\d{3})(\d{4})/,+"$1-$2-$3");
++++++}+else+if+(number.length+==+11)+{
++++++++number+=+number.replace(/(\d{1})(\d{3})(\d{3})(\d{4})/,+"$1-$2-$3-$4");
++++++}+else+if+(number.length+==+12)+{
++++++++number+=+number.replace(/(\d{2})(\d{3})(\d{3})(\d{4})/,+"$1-$2-$3-$4");
++++++}
++++++$(this).val(number);
++++});|code-block|syntax|javascript|688018|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

To expand on Cruz Nunez code and add continual formatting, plus include some international phone number formats.
<pre><code> $('#phone').on('input', function() {
 var number = $(this).val().replace(/[^\d]/g, '');
 if (number.length == 3) {
 number = number.replace(/(\d{3})/, &quot;$1-&quot;);
 } else if (number.length == 4) {
 number = number.replace(/(\d{3})(\d{1})/, &quot;$1-$2&quot;);
 } else if (number.length == 5) {
 number = number.replace(/(\d{3})(\d{2})/, &quot;$1-$2&quot;);
 } else if (number.length == 6) {
 number = number.replace(/(\d{3})(\d{3})/, &quot;$1-$2-&quot;);
 } else if (number.length == 7) {
 number = number.replace(/(\d{3})(\d{3})(\d{1})/, &quot;$1-$2-$3&quot;);
 } else if (number.length == 8) {
 number = number.replace(/(\d{4})(\d{4})/, &quot;$1-$2&quot;);
 } else if (number.length == 9) {
 number = number.replace(/(\d{3})(\d{3})(\d{3})/, &quot;$1-$2-$3&quot;);
 } else if (number.length == 10) {
 number = number.replace(/(\d{3})(\d{3})(\d{4})/, &quot;$1-$2-$3&quot;);
 } else if (number.length == 11) {
 number = number.replace(/(\d{1})(\d{3})(\d{3})(\d{4})/, &quot;$1-$2-$3-$4&quot;);
 } else if (number.length == 12) {
 number = number.replace(/(\d{2})(\d{3})(\d{3})(\d{4})/, &quot;$1-$2-$3-$4&quot;);
 }
 $(this).val(number);
 });
</code></pre>

blocks|key|687895|text|也许这会有帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|687896|var+countryCode+=+%2B91;
var+phone=1234567890;
phone=phone.split('').reverse().join('');//0987654321
var+formatPhone=phone.substring(0,4)%2B'-';//0987-
phone=phone.replace(phone.substring(0,4),'');//654321
while(phone.length>0){
formatPhone=formatPhone%2Bphone.substring(0,3)%2B'-';
phone=phone.replace(phone.substring(0,3),'');
}
formatPhone=countryCode%2BformatPhone.split('').reverse().join('');|code-block|syntax|javascript|687897|你将会得到%2B91-123-456-7890|687898|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

may be this will help

<pre><code>var countryCode = +91;
var phone=1234567890;
phone=phone.split('').reverse().join('');//0987654321
var formatPhone=phone.substring(0,4)+'-';//0987-
phone=phone.replace(phone.substring(0,4),'');//654321
while(phone.length&gt;0){
formatPhone=formatPhone+phone.substring(0,3)+'-';
phone=phone.replace(phone.substring(0,3),'');
}
formatPhone=countryCode+formatPhone.split('').reverse().join('');
</code></pre>

you will get +91-123-456-7890

I'm currently displaying phone numbers like <code>2124771000</code>. However, I need the number to be formatted in a more human-readable form, for example: <code>212-477-1000</code>. Here's my current <code>HTML</code>:

<pre><code>&lt;p class="phone"&gt;2124771000&lt;/p&gt;
</code></pre>

How to format a phone number with jQuery

jQuery

我目前正在显示像2124771000这样的电话号码。但是，我需要将数字格式化为更易读的形式，例如：212-477-1000。这是我当前的HTML2124771000

问如何使用jQuery格式化电话号码
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery格式化电话号码EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery格式化电话号码
EN