article(s) dans votre panier VOIR

Comment appliquer le CSS selon le statut du formulaire avec Angular JS

  • Vidéo 20 sur 31
  • 4h11 de formation
  • 31 leçons

Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

Pour accéder à la suite de cette formation, vous devez vous abonner.
previous
summary
resume
next
play
Appliquer le CSS selon le statut du formulaire
00:00 / 05:53
HD
fullscreen
Je m’abonne
à partir de 16,6 € / mois
  • Visionnage en ligne
  • Accès illimité à toutes nos formations
OU
J'achète uniquement
la formation
49,90€
  • Téléchargement + VOD à vie
  • Exercice / Validation des acquis
  • Accès uniquement à cette formation

Sommaire de la formation

Détails de la formation

Dans cette vidéo en ligne sur Angular JS, Samuel Ronce vous explique comment appliquer le CSS selon le statut du formulaire. Cette formation a pour objectif d’appliquer le CSS en fonction des champs de formulaire. Pour y parvenir, vous créez tout d’abord le champ du formulaire. Pour cela, vous créez une balise input de type texte. En n’oubliant pas d’ajouter required pour indiquer que le champ est requis. Cependant, la balise input doit se trouver dans un bloc form. Cela vous permet d’indiquer qu’il s’agit d’un formulaire. Ensuite de cela, vous créez un bouton en utilisant la balise button. Pour définir le type du bouton vous utilisez la classe Type ayant une valeur Submit. En effet, Submit permet de valider les données entrées par les utilisateurs du formulaire. En actualisant votre navigateur, vous pouvez observer votre champ de texte avec le bouton. Vous constatez que le champ est invalide puisqu’il n’est pas rempli. Il faut noter que vous avez la possibilité de colorer simplement le champ sans afficher un message d’erreur. Pour cela, vous créez un fichier de type css. Dans ce dernier, vous ajoutez input.ng-invalid. Il s’agit d’une classe CSS, ce qui signifie que vous pouvez y ajouter des styles. Pour conclure, l’application de CSS pour le statut du formulaire se fait dans une feuille de style CSS.