Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
Publié parEverard Levasseur Modifié depuis plus de 10 années
1
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1
2
But du laboratoire Afin de limiter la bande passante sur la page daccueil du site Web LinkedIn, on vous a demandé de faire la validation du formulaire côté client (en JavaScript) du formulaire dinscription 2
3
Spécification & règles daffaires 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 ;) 3
4
Spécification & règles daffaires 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 4
5
Spécification & règles daffaires 5 Le champ courriel Est obligatoire Doit contenir le caractère @ Doit contenir au moins un. (point), mais celui-ci doit être positionné au moins une lettre après le @ et doit contenir au moins 2 lettres après. Le courriel ne peut commencer avec la lettre @
6
Spécification & règles daffaires Le mot de passe Est obligatoire Doit contenir au moins 6 lettres 6
7
Spécification & règles daffaires Pour les champs prénom/nom du formulaire de recherche Chaque champ est optionnel, mais sil est rempli, doit répondre aux mêmes exigences que les champs nom/prénom du formulaire dinscription Lorsque le « focus » est placé sur le champ, alors le mot « nom » ou « prénom » est supprimé. Cependant, si le mot nest pas « nom » ou « prénom », alors ne pas supprimer 7
8
Spécification & règles daffaires Lorsquun formulaire nest pas valide lors de la soumission du formulaire, alors une boîte dalerte (alert) avec les erreurs doit être affichée à lécran. 8
9
Mémo Nhésitez pas à vous servir de la fonction document.getElementById() Exemple : var valeurDuChamp = document.getElementById(idDuChamp).value; 9
Présentations similaires
© 2024 SlidePlayer.fr Inc.
All rights reserved.