Comment appliquer du CSS selon la validité des champs de formulaires
Objectifs
Les objectifs de cette vidéo sont d'apprendre à :
- Utiliser les classes CSS assignées par Angular JS.
- Appliquer des styles conditionnels sur les champs de formulaires.
- Gérer la validité et l'état de modification des champs.
- Valider des champs spécifiques comme les emails.
Résumé
Découvrez comment appliquer du CSS sur des champs de formulaires en utilisant Angular JS afin de gérer leur validité de manière dynamique.
Description
Cette leçon vous montre comment Angular JS peut être utilisé pour appliquer du CSS sur les champs de formulaires en fonction de leur validité. Lorsque le champ est invalide, Angular JS assigne automatiquement la classe .ng-invalid
au champ. Ce tutoriel pratique vous guidera à travers les étapes nécessaires pour ajouter des classes CSS conditionnelles, telles que .ng-invalid-required
ou .ng-invalid-minlength
, et les styliser en conséquence. Par exemple, vous apprendrez à définir un fond rouge pour les champs invalides et un fond vert pour les champs valides. Nous aborderons également le concept de .$dirty
pour identifier les champs modifiés, et comment combiner plusieurs classes pour des règles de style plus précises. Enfin, vous verrez comment valider des champs de type email en utilisant ng-invalid-email
.
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 ...