Discussion :

[trucmuche2005]

Bonjour,

J'ai des <input> qui sont sensés contenir des numéros de téléphone dont l'origine est vaste : Belgique (fixes et gsm) par défaut, mais aussi France et d'autres pays.
J'aimerais faire en sorte qu'ils soient formatés correctement lorsque l'utilisateur les tape dans un <input>. Par exemple :

• 0497567678 soit affiché 0497 56 76 78 (car il s'agit d'un numéro de GSM belge et le préfixe compte alors 4 chiffres)
• 042754789 soit affiché 04 275 47 89 (car c'est un numéro belge et le préfixe est 04)
• 023546576 soit affiché 02 354 65 76 (car c'est un numéro belge et le préfixe est 02)
• 061567678 soit affiché 061 56 76 78 (car c'est un numéro belge et le préfixe est 061 -- oui, il y a des préfixes à 2, 3 ou 4 chiffres...)
• +33145303030 soit affiché +33 1 45 30 30 30
• etc...

Un détail (mais j'ignore si cela a de l'importance) : je sauve ces numéros de téléphone dans une base de données et pour le moment, je les sauve sans formatage (donc sans espaces, mais uniquement des chiffres et le caractère +).

Est-ce que vous connaissez des fonctions/librairies qui formatent correctement tous les numéros de téléphone ??

Merci pour vos conseils !

T.

[danielhagnoul]

Je suis très faible en RegExp, mais j'ai trouvé, sur le web, une méthode pour trier les fixes des mobiles :

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
const
    pattern = /^((\+|00)32\s?|0)(\d\s?\d{3}|\d{2}\s?\d{2})(\s?\d{2}){2}$/,
    pattern_mobile = /^((\+|00)32\s?|0)4(60|[789]\d)(\s?\d{2}){3}$/;
 
let arTel = [
    '0497 56 76 78',
    '0497567678',
    '04 275 47 89',
    '04-275-47-89',
    '02 354 65 76',
    '023546576',
    '061 56 76 78',
    '061-56-76-78',
    '+32 497 56 76 78',
    '+32 4 275 47 89',
    '+32 2 354 65 76',
    '+32 61 56 76 78',
];
 
for (let tel of arTel) {
    tel = tel.replace(/-/g, ' ');
    console.log('********\n', tel);
    console.log('fixe = ', pattern.test(tel));
    console.log('mobile = ', pattern_mobile.test(tel));
}

Par contre ces patterns ne conviennent pas pour les inputs, lorsqu'on essaie de valider c'est toujours faux !

Code HTML :

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

1
2
3
4
5
6
7
8
9
<form>
    <label>Tél belge fixe : </label>
    <input type="tel" pattern="/^((\+|00)32\s?|0)(\d\s?\d{3}|\d{2}\s?\d{2})(\s?\d{2}){2}$/">
    <br>
    <label>Tél belge mobile : </label>
    <input type="tel" pattern="/^((\+|00)32\s?|0)4(60|[789]\d)(\s?\d{2}){3}$/">
    <br>
    <button type="submit">Valider</button>
</form>

[trucmuche2005]

Et cela, ce n'est encore que pour la belgique... J'ai des numéros de téléphone qui arrivent d'un peu partout donc... Je pense que c'est complexe et qu'il y a sans doute une librairie pour faire cela bien, non ?

[trucmuche2005]

J'ai trouvé ceci qui semble intéressant : https://github.com/googlei18n/libphonenumber

[danielhagnoul]

Je ne sais pas ce que cela vaut, mais il y a des services payants.

Par exemple : https://www.address4.com/fr/services...o-de-telephone

[trucmuche2005]

Ok ma question n'est pas claire, visiblement.
1) je souhaite qu'une personne qui introduit un numéro de téléphone dans un champ <input> voie ce numéro de téléphone correctement formaté. Et je souhaite pouvoir "extraire" de l'<input> la version non formatée pour pouvoir la stocker dans une base de données.
2) je souhaite pouvoir formater correctement un numéro de téléphone qui est stocké sans formatage dans une base de données.

Il n'est pas question de valider quoi que ce soit, comme il n'est pas question de payer quoi que ce soit car j'imagine que des librairies qui formattent correctement existent (celle de Google semble être un exemple). Reste à voir comment les utiliser et je n'ai pas encore eu le temps de me pencher dessus.

Si quelqu'un a déjà eu cette problématique et s'en est sorti facilement, je serai heureux de savoir comment...