Maschera stringa di numero di telefono degli Stati Uniti con JavaScript

Question

Ho bisogno di regolare espresso per il formato numero di telefono degli Stati Uniti. Voglio sostituire la stringa del numero di telefono in sotto il formato di stringa numero di telefono degli Stati Uniti in JavaScript.

var number = "4031234789"; 

E voglio mascherare in seguito formato: -

number = number.mask('(000) 000-0000'); 

Qualcuno mi può mostrare un'espressione regolare per quella in JavaScript?

Answer 1

Utilizzare i plugin di mascheramento del numero di telefono per quello.

Controllare i seguenti plugin:

• http://wiki.jqueryui.com/w/page/12137996/Mask

• http://igorescobar.github.io/jQuery-Mask-Plugin/

• http://digitalbush.com/projects/masked-input-plugin/

Answer 2

È possibile utilizzare espressioni regolari e poi concatenare a f orm la tua stringa.

var USNumber = "4031234789".match(/(\d{3})(\d{3})(\d{4})/);<br/> 
USNumber = "(" + USNumber[1] + ") " + USNumber[2] + "-" + USNumber[3]; 

Answer 3

Questa risposta presuppone che si desideri il seguente formato: (000) 000-0000 (come indica l'OP).

^{Ci sono diversi modi diversi per implementare questo, ma qui ci sono un paio di approcci diversi:}

---

Se si vuole mascherare semplicemente il numero sull'evento blur (quando il campo perde focus), allora si potrebbe utilizzare il seguente:

document.getElementById('phone').addEventListener('blur', function (e) { 
 
    var x = e.target.value.replace(/\D/g, '').match(/(\d{3})(\d{3})(\d{4})/); 
 
    e.target.value = '(' + x[1] + ') ' + x[2] + '-' + x[3]; 
 
});

<p>Masked on the blur event (remove focus).</p> 
 
<input type="text" id="phone" placeholder="(555) 555-5555"/>

---

In alternativa, se si preferisce mascherare il numero mentre digitazione, è possibile ascoltare l'evento input e quindi condizionato mascherare il numero in base alla partita regex:

document.getElementById('phone').addEventListener('input', function (e) { 
 
    var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/); 
 
    e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : ''); 
 
});

<input type="text" id="phone" placeholder="(555) 555-5555"/>

Answer 4

È possibile utilizzare il mio pacchetto https://github.com/jsonmaur/coverup, che può mascherare la stringa su sfocatura e mantenere i simboli nella stringa.