Exercice 17b - Formulaire de contact - Validation HTML
Dans cet exercice nous allons ajouter des attributs de validation au formulaire simple de contact.
Modifications à apporter au formulaire
- Ajoutez l'option "Sélectionnez un sujet" et attribuez un valeur vide (
value="") dans la liste déroulante "Quel est le sujet de votre message?". - Ajoutez le champ "code postal" de type text.
- Ajoutez le champ "date de rappel" de type date.
- Ajoutez le champ "numéro de référence" de type number.
Validation du formulaire
- Utilisez les attributs HTML appropriés afin d'ajouter des validations HTML à votre formulaire.
- Tous les champs sont requis à l'exception du code postal et du numéro de référence.
- Si l'utilisateur soumet le formulaire sans saisir les informations, le formulaire ne doit pas être soumis et un message doit indiquer les informations omises.
- L'option "Sélectionnez un sujet" est considérée comme une information omise.
- Le nom doit être d'au moins 2 caractères et d'au plus 100 caractères.
- Le format du courriel saisi doit être valide. Prenez le temps de consulter ces deux liens et utilisez la méthode qui vous semble la plus pertinente :
- Le message doit être d'au plus 500 caractères.
- La date de rappel doit être supérieure au 2023-11-13.
- Le numéro de référence doit être une valeur numérique entre 100001 et 199999
- Le code postal doit avoir exactement 7 caractères et correspondre au format A0A 0A0. Faîtes une recherche Internet pour trouver le bon "pattern".