input de type tel

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:

---

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 ?

Bonjour Laurent,

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

Bonsoir,

j'ai vu ce qui était en trop

Code:

---

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 ?

Citation:

---

Envoyé par laurentSc

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",...)

Citation:

---

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.

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:

---

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...