Validation de formulaire

Présentation au sujet: "Validation de formulaire"— Transcription de la présentation:

1 Validation de formulaire
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault Validation de formulaire

2 But du laboratoire Afin de limiter la bande passante sur la page d’accueil du site Web LinkedIn, on vous a demandé de faire la validation du formulaire côté client (en JavaScript) du formulaire d’inscription

3 Spécification & règles d’affaires
Le champ date de naissance est limité dans son choix de valeurs. Il faut donc en JavaScript construire les options : Le champ jour doit avoir les options 1 à 31 Le champ mois doit contenir les options 1 à 12 Le champ année doit contenir les options 1900 à 2000 - document.write est la solution ;)

4 Spécification & règles d’affaires
Lorsque le formulaire est « soumis », il doit être validé avant d’être envoyé. Les champs nom et prénom Doit accepter seulement les lettres a-z (pas besoin de tester les accents, apostrophes, …) Ces champs sont obligatoires et doivent avoir entre 2 et 20 caractères maximum

5 Spécification & règles d’affaires
Le champ courriel Est obligatoire Doit contenir le Doit contenir au moins un . (point), mais celui-ci doit être positionné au moins une lettre après et doit contenir au moins 2 lettres après. Le courriel ne peut commencer avec la

6 Spécification & règles d’affaires
Le mot de passe Est obligatoire Doit contenir au moins 6 lettres

7 Spécification & règles d’affaires
Lorsqu’un formulaire n’est pas valide lors de la soumission du formulaire, alors une boîte d’alerte (alert) avec les erreurs doit être affichée à l’écran.

8 Mémo N’hésitez pas à vous servir de la fonction document.getElementById() Exemple : var valeurDuChamp = document.getElementById(‘idDuChamp’).value;