Cet exercice consiste à créer une page web simple qui permet aux utilisateurs de soumettre un formulaire, de valider les données saisies et d'afficher une modal de bienvenue avec le nom de l'utilisateur en cas de succès, ou un message d'erreur en cas d'échec de la validation.
Le répertoire de ce projet contient trois fichiers principaux :
- index.html : Le fichier HTML principal qui contient la structure de la page web, le formulaire et le code pour afficher la modal.
- style.css : Le fichier CSS qui gère le style de la page, y compris la modal.
- script.js : Le fichier JavaScript qui effectue la validation du formulaire et gère l'affichage de la modal.
Téléchargez ou clonez ce répertoire sur votre ordinateur. Ouvrez le fichier index.html dans un navigateur web. Remplissez le formulaire avec des données valides et cliquez sur le bouton Soumettre. Si la validation est réussie, une modal de bienvenue avec votre nom s'affichera. Si la validation échoue (par exemple, si vous ne remplissez pas tous les champs requis), un message d'erreur s'affichera à la place.
- Le fichier script.js contient le code JavaScript qui effectue la validation du formulaire et gère l'affichage de la modal ou du message d'erreur.
- Assurez-vous de lire les commentaires dans ce fichier pour comprendre l'implémentation.