Exemple de correction du TP 1

Objectifs

Les buts principaux de ce TP sont de vous faire découvrir les principaux mécanismes qui vont être utilisés en JavaScript pour accéder et contrôler les éléments d'une page HTML que vous écrirez. En particulier, le fonctionnement du DOM (même si on ne l'a vu qu'au TP2) et les bases de la programmation événementielle.

Ici, JS doit vous permettre de :

• Contraindre ou analyser la valeur textuelle d'un champ de formulaire, à l'aide des sélecteurs du DOM et des attributs value ou textcontent notamment
• Découvrir les différents événements pouvant se déclencher sur de tels éléments, et décider lequel est pertinent (change ou click pour une checkbox ? keyPress ou blur pour une frappe au clavier ?)
• Contrôler le bouton de soumission, qui selon un comportement un petit peu "algorithmique" (ce qui est assez rare en JavaScript) ne doit s'activer que si toutes les conditions requires sont remplies

Entre autres choses...

Exemple de correction

Nom :
Prénom :
Age : L'âge doit être supérieur à 18 ans
Identifiant : Le nom d'utilisateur doit faire moins de 12 lettres. Le nom d'utilisateur ne doit contenir que des lettres.
Mot de passe :  Complexité du mot de passe : 0%

• Le mot de passe doit faire plus de 8 caractères.
• Le mot de passe doit contenir au moins une lettre minuscule.
• Le mot de passe doit contenir au moins une lettre majuscule.
• Le mot de passe doit contenir au moins un chiffre.
• Le mot de passe doit contenir au moins un caractère non-alphanumérique.

Confirmez le mot de passe : Les 2 mots de passe ne sont pas identiques.
J'accepte les CGU : Les C.G.U. doivent être acceptées.