Vérifiez quel champ n'est pas valide dans le formulaire avec Angular
-
21-12-2019 - |
Question
Je dois vérifier quels champs ne sont pas valides après 5 secondes lorsque le formulaire est rendu.J'ai un bouton et je règle ceci ng-disabled="!step1Form.$valid"
mais je dois ajouter une sorte de classe CSS, peut-être rouge aux champs qui ne sont pas valides, quelqu'un peut-il me donner de l'aide ?
C'est le champ dans lequel je souhaite définir le modèle invalide :
<div ng-form="logoForm" style="position:absolute;top:0px;left:0px;" class="info-picture main ng-pristine ng-invalid ng-invalid-required">
<div add-pic="" class="small-button">Agregar logo</div>
<input type="file" required="required" ng-model="logo.company" id="company_logo" style="display:none;" ng-file-select="" class="ng-pristine ng-invalid ng-invalid-required">
</div>
La solution
Si vous souhaitez ajouter une classe CSS à n'importe quel composant, vous pouvez utiliser la directive "ng-class".
Vous pouvez voir cela dans la documentation à l'adresse http://docs.angularjs.org/api/ng/directive/ngClass
Une autre question comme la vôtre est la suivante : Comment définir Twitter Bootstrap class=error en fonction de l'entrée AngularJS class=ng-invalid ?