Création et Validation des Champs de Formulaire
Objectifs
L'objectif de cette vidéo est d'apprendre à créer et valider des formulaires web basiques, d'optimiser l'expérience utilisateur et de comprendre l'importance des validations côté client et serveur.
Résumé
Dans cette leçon, nous vous montrerons comment valider un formulaire en utilisant HTML, CSS et JavaScript. Nous créerons des champs pour le login et le mot de passe et nous vérifierons si les informations saisies sont correctes avant de les soumettre.
Description
Dans ce tutoriel, nous allons vous guider à travers la création et la validation d'un formulaire simple sur un site web. Nous commencerons par créer la structure HTML nécessaire avec des champs pour l'email et le mot de passe. Puis, nous ajouterons des labels et des placeholders pour guider l'utilisateur dans la saisie des informations.
Ensuite, nous styliserons notre formulaire avec du CSS en utilisant des flexbox pour un alignement central et une présentation verticale des champs. Nous personnaliserons aussi les inputs et les labels pour une meilleure expérience utilisateur.
Enfin, nous mettrons en place une validation en JavaScript. Cette validation vérifiera que l'email contient un arobase (@) et que le mot de passe contient au moins huit caractères. En fonction des résultats, la bordure des champs changera de couleur pour indiquer une saisie valide ou invalide.
Nous conclurons en mentionnant l'importance de validations plus strictes côté serveur pour améliorer la sécurité des données saisies.
Questions fréquentes
Programme détaillé
Module 1 - Introduction
Module 2 - Apprendre à coder
Module 3 - Concepts avancés
Module 4 - Travailler avec le JavaScript
Module 5 - JavaScript ES6
Module 6 - Le JavaScript est asynchrone
Module 7 - Utiliser JavaScript dans une page web - Partie 1
Module 8 - Utiliser JavaScript dans une page web - Partie 2
Module 9 - Travaux pratiques
Si vous êtes novices, vous pourrez rentrer rapidement dans le monde du js.
Formation faite pour revenir dessus après avoir suivi une "réelle" formation sur les bases de Javascript.