JavaScript Darija V13 – TP N°4 : Formulaire d'inscription interactif

TP N°4 : Formulaire d'inscription interactif https://drive.google.com/file/d/1qpLI... Dans cette vidéo en Darija, nous réalisons un formulaire d'inscription interactif en JavaScript. Vous apprendrez à valider les données saisies, à gérer les événements des formulaires et à manipuler le DOM pour offrir une meilleure expérience utilisateur. 📚 Au programme : ✅ Création d'un formulaire HTML ✅ Sélection des éléments avec le DOM ✅ Validation des champs obligatoires ✅ Validation du nom, de l'e-mail et du téléphone avec les expressions régulières (Regex) ✅ Vérification de l'âge ✅ Validation du mot de passe et de sa confirmation ✅ Validation des listes déroulantes, boutons radio et cases à cocher ✅ Gestion des événements submit, reset, input, change, focus et blur ✅ Utilisation de event.preventDefault() ✅ Gestion des erreurs avec try, catch et throw ✅ Affichage des messages d'erreur ✅ Manipulation des classes CSS avec classList.add() et classList.remove() ✅ Affichage d'un récapitulatif des informations saisies ✅ Bonnes pratiques de validation des formulaires Cette vidéo est destinée aux débutants, aux stagiaires OFPPT, aux étudiants en développement digital et à toute personne souhaitant apprendre JavaScript à travers des projets pratiques. 00:00 Enoncé de TP Formulaires et JS 02:35 Créer un formulaire HTML 08:49 Sélectionner les éléments getElementById() querySelector() 12:20 Associer event submit addEventListner() 12:54 Empêcher l'envoi event.preventDefault() 13:08 Vérification obigatoire 22:41 Valider nom et prenom 24:42 Valider age entre 18 et 60 25:53 Valider adresse email 28:41 Valider mot de passe 29:34 Confirmation identique au mot de passe 30:53 Vérifier photo format et taille 34:41 Intercepter les erreurs 👍 N'oubliez pas de vous abonner, de laisser un Like, de partager la vidéo et d'activer la cloche pour suivre toute la formation JavaScript en Darija. #JavaScript #Darija #OFPPT #TPJavaScript #ValidationFormulaire #DOM #Regex #DéveloppementWeb #Coding