ROYAUME DU MAROC
Office de la Formation Professionnelle et de la Promotion du Travail Formateur : [Link]
Filière : DEVELOPPEMENT DIGITAL Niveau :1er Année
Module : Sites web statiques
Année de formation: 2024/2025
TP 7: RECAP
Exercice 1 :
Créer un formulaire d'inscription simple avec des contraintes de modèle pour chaque champ
pour garantir que les utilisateurs saisissent des données correctes.
Le formulaire doit collecter les informations suivantes :
1. Nom (champ texte)
Contrainte : Le nom doit contenir uniquement des lettres (minuscules et majuscules)
et des espaces. Aucun chiffre ou caractère spécial n'est autorisé. Il faut contenir au
moins une lettre.
2. Adresse email (champ email)
Contrainte : L'adresse email doit :
contenir que des lettres
contenir au milieu juste le caractère ‘.’
se terminer par ‘[Link]’
par exemple : Adresse valide : [Link]@[Link] |
Adresse non valide : kadiriahmed@[Link] ou
.kadiriahmed@[Link],....
la saisie d’adresse email est obligatoire
3. Mot de passe (champ password)
Contrainte : Le mot de passe doit contenir entre 6 et 8 caractères dont au
moins un est impérativement un chiffre exemple
(passw12,5passwd...). La saisie de mot de passe est obligatoire.
4. Numéro de téléphone (champ texte)
Contrainte : Le numéro de téléphone doit être composé de 10 chiffres : xxxx-xx-xx-
xx.
5. Date de naissance (champ texte)
Contrainte : La date de naissance doit contenir les chiffres le caractère ‘-‘ et doit être
au format "YYYY-MM-DD".
6. Code postal (champ texte)
Contrainte : Le code postal doit contenir exactement 5 chiffres.
7. URL du site web (champ url)
Contrainte : L'URL du site web doit être correctement formatée, par exemple,
"[Link]
8. Incluez un bouton de soumission pour envoyer le formulaire.
Utiliser tableau pour représenter le formulaire.
1
ROYAUME DU MAROC
Office de la Formation Professionnelle et de la Promotion du Travail Formateur : [Link]
Filière : DEVELOPPEMENT DIGITAL Niveau :1er Année
Module : Sites web statiques
Année de formation: 2024/2025
TP 7: RECAP
Exercice 2 :