Année Universitaire

2021-2022

Workshop N°2:
JavaScript

Objectifs :
✔ Créer des contrôles de saisie.

✔ Manipuler le DOM.

Etude de cas
Dans cet atelier nous allons créer une page d’inscription pour les clubs à ESPRIT.

Le responsable du Club devra mettre ses informations, puis mettre les informations relatives à son club.

Partie 1 : HTML
Créer un fichier nommé « Club.html » pour avoir le rendu suivant :

Figure 1 L'affichage de la page HTML

1|Page
 Année Universitaire
2021-2022

Workshop N°2:
JavaScript

Partie 2: JavaScript
1. Créer un fichier nommé «club.js» .
2. Créer une fonction intitulée «Verif()» qui permet de vérifier si les champs de formulaire respectent
les règles suivantes:
● Nom et Prénom doivent être des lettres et commençant par des majuscules.
● Le champ mail doit impérativement contenir un email qui finit par @esprit.tn.
● Le mot de passe doit contenir au moins 8 caractères, dont au moins : Une lettre majuscule,
Une lettre minuscule et un nombre.
● La date de fondation doit être antérieure à la date actuelle.
● Le nombre des adhérents doit être supérieur à 10 et inférieur à 100.
● Catégorie est un menu à choix unique.
● On doit sélectionner au moins un type d’activités.
3. Dès qu’on finit d'écrire la confirmation de l’email, un message d’erreur s’affichera dans le cas où
les mails ne se correspondent pas.
4. Dans les choix d'activités, si on choisit «autres» un nouveau champ de texte nous sera proposé pour
saisir l’activité supplémentaire comme montré sur la figure 2.

Figure 2 Le résultat en cochant "autres"

5. En cliquant sur «Envoyer» les règles seront testées et un message d’erreur en rouge sera affiché
dans la ligne au-dessous du champ concerné.

2|Page