Discussion :

[laurentSc]

Bonjour,

j'ai mis dans mon formulaire un champ de type tel. Je m'attendais, quand on clique sur le champ, à voir apparaître un clavier permettant de saisir les chiffres, mais que nenni (essais faits avec Firefox 67 (64 bits) et avec Google Chrome 75 (64 bits)). D'autre part, si je mets l'attribut pattern, et que la saisie est non-conforme, ça accepte la saisie !

Code html :

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

1
2
3
<label for="phone">Enter your phone number:</label>
 
     <input type="tel" id="phone" name="phone" pattern="^[0-9]{10}]$">

Normal tout ça ?

[Invité]

Bonjour Laurent,

Tu ne peux pas t'empêcher d'en faire toujours trop...

[laurentSc]

Bonsoir,

j'ai vu ce qui était en trop

Code html :

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

1
2
3
<label for="phone">Enter your phone number:</label>
 
     <input type="tel" id="phone" name="phone" pattern="^[0-9]{10}$">

Comme ça, le pattern fonctionne mais pourquoi pas de clavier à la saisie ?

[Invité]

j'ai vu ce qui était en trop

J'en doute...
Supprime le pattern.
type "tel" veut dire qu'un pattern ("interne") est déjà appliqué (comme type "email", "url",...)

pourquoi pas de clavier à la saisie ?

• normalement, ça devrait ouvrir le clavier avec chiffres et signe "+" (pour l'indicatif du pays)
• un numéro de tél. (Français, métropolitain) peut s'écrire : +33 x xx xx xx xx
• dans les DOM-TOM, les numéros ne font pas forcément 10 chiffres.

BREF : laisse aux gens la responsabilité d'écrire leur tél correctement.

[laurentSc]

Les numéros de téléphone seront forcément français et métropolitains (même de Rhône-Alpes !).
Solution sans pattern (si je fais quand même un contrôle) : le faire en php dans l'action :

Code php :

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

1
2
3
4
5
6
$numero = $_POST['phone'];
if (preg_match('#(0|\+33)[1-9]( *[0-9]{2}){4}#', $numero)) {
    echo "Le numéro de téléphone entré est correct.";
} else {
    echo "Le numéro de téléphone entré est incorrect.";
}

Par contre, pas de clavier, mais tant pis...