Discussion :

[Kévin78]

Bonjour à tous,

Je débute en Javascript et j'aimerais réaliser une fonction qui a la saisis d'un utilisateur dans un champ définit pour un numéro de téléphone celle-ci lui place un tiret (-) tous les deux chiffres
Par exemple si il tape ceci : 0605010000, cela deviendrait pendant ça saisis au fur a mesure à chaque 2 chiffres : 06-05-01-00-00.

Merci d'avance a ceux qui prendront le temps de me répondre.
Bonne journée.

[SpaceFrog]

il existe plusieurs façons de faire,
en voici une basée sur un split et une regex

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
tel="0605010000";
tel=tel.match(/\d{2}/g).join('-');
alert (tel);

[Kévin78]

Bonjour,

J'ai tester ta méthode, sauf qu'elle ne fonctionne pas dans mon cas, je voudrais la faire rentrer dans une fonction et l'appeler dans un onkeyup.
Car je voudrais vraiment qu'a la saisis de l'utilisateur en direct, a chaque 2 chiffres il y est un tiret séparateur. Je sais pas si j'ai bien décris ce que je voulais faire mais voila en gros.

Merci pour ta réponse en tous cas.

[Sparky95]

@Kévin78
Et ou est le soucis avec ce qu'il t'as donné

[SpaceFrog]

Il veut le faire en live sur le keyup au fur et a mesure de la saisie

le plus simple serait de passer par 5 input de size 2 avec des tabIndex et de les concatener

[Kévin78]

Oui c'est ça, sauf que je n'est pas compris comment concaténé les input ? (ils seront séparer comme des cases non ?)

[Invité]

Bonjour,

et si au lieu de 0605010000, je veut écrire +33 605010000 ?

Il faut pousser plus loin la réflexion.

N.B. Perso, je ne voit pas du tout l'intérêt d'ajouter des tirets (sauf pour un simple "exercice").

[SpaceFrog]

https://jsfiddle.net/kuw0e4c3/1/

[SpaceFrog]

NoSmo ... des fois il faut brider le user ...

Et si j'ai envoie de taper "je ne te filerai pas mon 06" ...

On peut imaginer que comme pour les datePickers on fasse un telpicker

Après bien entendu tout dépend si on autorise ou pas les nr étranger avec les codes pays ...

un autre version https://jsfiddle.net/kuw0e4c3/3/

[Invité]

Voir aussi :

• <input type="tel">

...la valeur saisie n'est pas automatiquement validée selon un format donné car les formats des numéros de téléphone varient à travers le monde...

Cela dit, on peut définir/forcer un format grâce à l'attribut pattern.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Tél. : <input type="tel" placeholder="+xxx-xx-xx-xx-xx" pattern="\+?\d{2,3}-\d{2}-\d{2}-\d{2}-\d{2}" />

Accepte :

• +336-12-34-56-78
• 06-12-34-56-78

[Kévin78]

Merci c'est exactement ce que je cherchais, pour les indicatif j'ai réservé un input a coté, lorsque l'utilisateur sélectionnera un indicatif (à partir d'un select) l'input réservé recevra la valeur de l'indicatif sélectionné.
Après c'est vrai qu'en y réfléchissant il y a des numéros de 3 chiffres suivis de 3 autres chiffres etc.. comme au Etats-Unis je crois.

Je réfléchirais a la solution avec mon patron car je suis en stage. Merci en tous cas pour vos réponses et votre temps.

[Invité]

Il faut aussi penser que la France, c'est aussi les DOM-TOM (indicatifs à 3 chiffres, et numéro à 6 chiffres *) :

• http://www.indicatifs.htpweb.fr/indi...outre-mer.html

* ex. en Nouvelle Calédonie : +687 12 34 56 (ou +687 123 456)
ou plus "exotiques" (Nouvelle Calédonie, Chine, Afrique,...) : https://www.jare-industries.com/fr/7/contact

Grouper par 2 ou par 3 chiffres est une convention (ou "habitude") mnémotechnique, pour retenir plus facilement le numéro.

DONC, perso, je ne mets aucune contrainte sur les numéros de téléphone.

[psychadelic]

Je me demande s'il n'y aurait pas moyen de récupérer des paramètres sur le système hôte pour pré remplir avec le bon indicatif ??