Xtian Xtian - 1 year ago 102
jQuery Question

How to format a phone number with jQuery

I'm currently displaying phone numbers like

. However, I need the number to be formatted in a more human-readable form, for example:
. Here's my current

<p class="phone">2124771000</p>

Answer Source

Simple: http://jsfiddle.net/Xxk3F/3/

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

Or: http://jsfiddle.net/Xxk3F/1/

$('.phone').text(function(i, text) {
    return text.replace(/(\d\d\d)(\d\d\d)(\d\d\d\d)/, '$1-$2-$3');
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download