Exercice 18b - Formulaire de contact - Validation HTML

Dans cet exercice nous allons ajouter des attributs de validation au formulaire simple de contact fait à l'exercice précédent.

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?".
• Entre le <textarea> et le bouton ajoutez les trois <input> suivant:
  • 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 :
  • https://html5-tutorial.net/form-validation/validating-email/
  • Discussion sur r/webdev
• 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".