Numéro de téléphone au format automatique à Jquery

J'ai une zone de texte pour le numéro de téléphone. Mon numéro de téléphone doit être XXX-XXX-XXX comme ce format.

J'ai la solution pour XXX-XXX-XXX format, mais je ne sais pas comment modifier ce 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/

source d'informationauteur Senthil Sivaramakrishnan | 2012-06-07

  1. 29

    Puisque vous êtes à l'aide de jQuery, vous pouvez essayer de jquery masqué-entrée-plugin.

    Il y a un jsFiddle pour vous ici où vous pouvez voir comment cela fonctionne.

    Le code source pour le projet sur GitHub peut être trouvé ici.

    La mise en œuvre est plus que simple:

    HTML:

    <input id="ssn"/>

    javascript:

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

    Mise à JOUR:

    Un autre bon peut être trouvé ici.

  2. -2

    Vous pouvez définir le masque d'entrée sur n'importe quel champ en 3 étapes simples:

    1: Première de tous les appels de ces bibliothèques
    http://code.jquery.com/jquery-1.7.2.min.js"
    "https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.js"

    2: Créer un formulaire simple comme ceci :

    <form> <input type="text" name="phone" id="phone" /> </form>

    3: Ensuite, le code de script passé dans votre balise de script..

    $(document).ready(function($) {

    $('#phone').mask("99999-9999999-9",{placeholder:""});

    });