Insérer des tirets en javascript

Quelle est la manière la plus simple d'insérer des tirets en javascript?

J'ai un numéro de téléphone par exemple.1234567890

lors de l'affichage dans le front-end, je dois l'afficher comme 123-456-7890 à l'aide de javascript.

quel est le plus simple et le plus rapide pour y parvenir?

Grâce

  • Allez-vous être accueillant les numéros de téléphone internationaux?
InformationsquelleAutor Thanos | 2011-08-08
  1. 51

    Façon la plus rapide serait avec quelques regex:

    Où n est le nombre

    n.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3");

    Exemple: http://jsfiddle.net/jasongennaro/yXD7g/

    JS:

    var n = "1234567899";
console.log(n.replace(/(\d{3})(\d{3})(\d{4})/, "$1-$2-$3"));

    • 7 ans plus tard, toujours la meilleure solution.
    InformationsquelleAutor Jason Gennaro
  2. 5

    Vous pouvez utiliser le substr-fonction pour atteindre cet objectif, supposé que les traits d'union sont toujours insérée dans la même position:

    var hypString = phonestr.substr(0,3) + '-' + phonestr.substr(3, 6) + '-' + phonestr.substr(6);
    • Premier post == bonne réponse. Félicitations.
    InformationsquelleAutor GNi33
  3. 5

    Donné ce genre d'entrée, un autre moyen serait:

    var phone = "1234567890";
phone = phone.replace(/(\d{3})(\d{3})(\d+)/, '$1-$2-$3');

    Bien sûr, cela ne fonctionne pas si votre entrée à l'autre.

    • On dirait que nous pensons de la même @Felix!
    • Maintenant, la question est de savoir si cela est bon ou mauvais 😉 😀
    • c'est la question 😉
    • Plusing 1 pour cela à le même score que Jason réponse!
    InformationsquelleAutor Felix Kling
  4. 1

    Vous pouvez créer une fonction javascript pour le format du numéro de téléphone. Quelque chose comme ceci:

        function formatPhoneStr(o)
    {
        var strPhone = o.value;

        if( (strPhone != null) && (strPhone.length > 0) && (strPhone.indexOf('(') == -1))
        {
            if (strPhone.length == 10)
            {
                strPhone = '(' + strPhone.substr(0,3) + ') ' + strPhone.substr(3,3) + '-' + strPhone.substr(6,4);
            }
            else if (strPhone.length > 10)
            {
                strPhone = '(' + strPhone.substr(0,3) + ') ' + strPhone.substr(3,3) + '-' + strPhone.substr(6,4) + ' x' + strPhone.substr(10);
            }
            o.value = strPhone;
        }
    }
    • +1 pour le code qui ne fait pas de pause pour le bizarre d'entrée.
    InformationsquelleAutor tschubach
  5. 0

    essayez ceci...

    <input required type="tel" maxlength="12" onKeypress="addDashesPhone(this)" name="Phone" id="Phone">    

function addDashesPhone(f) {
  var r = /(\D+)/g,
  npa = '',
  nxx = '',
  last4 = '';
  f.value = f.value.replace(r, '');
  npa = f.value.substr(0, 3);
  nxx = f.value.substr(3, 3);
  last4 = f.value.substr(6, 4);
  f.value = npa + '-' + nxx + '-' + last4;
}
    InformationsquelleAutor michael g
  6. 0

    Une autre alternative qui je crois est la plus propre: la slice méthode de chaîne.

    formattedPhone = phone.slice(0,3) + '-' + phone.slice(3, 6) + '-' phone.slice(6)

    Le premier paramètre est la position de départ de la chaîne, la seconde est la position de fin. Comme vous pouvez le voir ci-dessus, pas de paramètres, il va jusqu'à la fin de la chaîne. Une fonctionnalité intéressante est que, comme le Python, les positions négatives compter de la fin de la chaîne. Cela peut rendre votre code un peu plus robuste:

    formattedPhone = phone.slice(0,3) + '-' + phone.slice(3, -4) + '-' + phone.slice(-4)

    Même si vous avez un téléphone avec 9 ou 11 chiffres qu'il sera agréable à regarder.

    InformationsquelleAutor neves
  7. -1

    Si vous êtes à l'aide de la ASP.NET de la bibliothèque du client qu'ils ont une grande Chaîne.méthode de mise en forme qui fournit les paramètres régionaux de formats et de toutes sortes de fantaisie. La méthode est appelée comme vous pouvez vous attendre si vous êtes familier avec .NET:

    <script type="text/javascript">
    var myPhone = String.format("{0}-{1}-{2}", firstThree, secondThree, lastFour);
</script>

    Si vous ne l'utilisez pas ASP.NET bibliothèque, je suis sûr que vous pourriez obtenir la mise en forme rudimentaire fait dans votre propre mise en œuvre - de toute évidence, ce serait sans localisation et vous devriez jeter un peu de traitement des erreurs et de vérification dans le mélange:

    function format(str, arr){
     for(var i = 0; i < arr.length; i++) {
         var r = new RegExp("\\{" + i + "\\}", "g");
         str = str.replace(r,arr[i]);
    }
    return str;
}
alert(format("{0}-{1}-{2}", [123,456,7890]));
    InformationsquelleAutor Brian
  8. -1

    voici ma solution juste au cas où il aide à quelqu'un:

    validatePhone: function (e) {

        var number = this.$el.find('#phoneNumberField').val().replace(/-/g, '');

    if(number.length > 10) {
        e.preventDefault();
    }

    if(number.length < 3) {
        number = number; //just for legibility
    } else if(number.length < 7) {
        number = number.substring(0,3) + 
        '-' + 
        number.substring(3,6)
    } else if(number.length > 6) {
        number = number.substring(0,3) + 
        '-' + 
        number.substring(3,6) + 
        '-' + 
        number.substring(6,10);
    }

    this.$el.find('#phoneNumberField').val(number);

    }

    InformationsquelleAutor Benjamin McFerren