Validation et Affichage des Erreurs en AngularJS
Objectifs
À la fin de cette vidéo, vous saurez :
- Valider un formulaire en temps réel.
- Afficher dynamiquement les erreurs.
- Styliser les champs selon leur validité.
Résumé
Apprenez à améliorer votre formulaire avec la validation dynamique et l'affichage des erreurs en temps réel.
Description
Dans cette leçon, nous allons perfectionner notre précédent exercice en utilisant les onglets pour la validation de formulaire avec AngularJS. Le but est d'indiquer les erreurs pour les champs nom et contenu lorsque l'utilisateur valide le formulaire, c'est-à-dire au moment du clic sur le bouton d'ajout de l'onglet. Lorsque l'utilisateur tente d'ajouter un onglet sans remplir les champs nécessaires, nous affichons un message d'erreur et colorions les champs en rouge pour indiquer où se trouvent les erreurs.
Nous allons utiliser une variable de soumission (submit) qui est mise à jour lorsque l'utilisateur clique sur le bouton d'ajout. Si le formulaire n'est pas valide, un nouvel onglet ne sera pas ajouté, et nous vérifierons l'état de validité du formulaire avant de permettre l'ajout. Nous afficherons les erreurs à l'aide de directives AngularJS telles que ng-if et ng-model, et nous styliserons les champs incorrects pour améliorer l'expérience utilisateur.
En se basant sur un exemple pratique, cette leçon comprend également des astuces pour dynamiser l'affichage des erreurs et adapter l'apparence des champs selon la validité du formulaire. Enfin, nous verrons comment appliquer des classes dynamiques pour signaler visuellement les erreurs.
Merci au formateur pour cette formation très complète.
Je mets une note moyenne à cause de cette bévue impardonnable pour un formateur, alors que la formation est pourtant très bien faite.
Je remonterai ma note quand l'auteur refera ces vidéos avec une police lisible ...