Partage

Formulaire

Sujet résolu
21 avril 2017 à 10:55:10

Bonjour j'au un petit problème pour les formulaires en HTML

Voila mon code HTML

Voila le résultat

En effet le navigateur m'oblige d'écrire 10 caractère quand je veux appuyer sur envoyer mais il ne m'oblige pas à écrire un numéro

Veuillez m'aider merci d'avance.

21 avril 2017 à 11:32:30

<input type="tel" pattern="^((\+\d{1,3}(-| )?\(?\d\)?(-| )?\d{1,5})|(\(?\d{2,6}\)?))(-| )?(\d{3,4})(-| )?(\d{4})(( x| ext)\d{1,5}){0,1}$">

Tu peux insérer un pattern de ce type pour vérifier que c'est un numéro de téléphone à la validation.
21 avril 2017 à 11:38:56

Hello,

Normal tu ne vérifie que le length du champ, le type tel est plus ciblé pour activer les clavier virtuel des mobiles et autres médias tactiles...

Il faut un pattern html, exemple -> https://jsfiddle.net/hr0qx027/ 

1er form -> Sources : https://www.alsacreations.com/tuto/lire/1403-formulaire-html5-type-tel.html 

2ème form proposant plusieurs formats (comme 01-55-...)->  http://html5pattern.com/Phones 

Tu peux aussi rajouter un filtre en JS, de toute façon le plus important est la vérification côté serveur ! un langage comme  PHP propose d'ailleurs des filtres prêts à l'emploi pour le faire.

Edit: Claython à répondu...

-
Edité par Lucky13 21 avril 2017 à 11:41:53

21 avril 2017 à 11:43:50

Merci beaucoup mais les paternes c'est du HTML ou c'est un autre language
21 avril 2017 à 11:55:19

Voilà une explication -> https://www.alsacreations.com/tuto/lire/1392-formulaire-html5-placeholder-required-pattern.html 

Ensuite on utilise une expression régulière pour travailler sur les chaines de caractères, format que l'on retrouve souvent en JS ou dans les langage serveurs pour filtrer des données utilisateur à selon ses besoins.

Un exemple du cours php -> https://openclassrooms.com/courses/concevez-votre-site-web-avec-php-et-mysql/les-expressions-regulieres-partie-1-2 

Formulaire

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown