Exemple
"État valide" de ce formulaire ne sera pas considérer "true", aussi longtemps que le champ d'entrée requis est vide:
<form name="myForm">
<input name="myInput" ng-model="myInput" required>
</form>
<p>The forms's valid state is:</p>
<h1>{{myForm.$valid}}</h1>
Essayez - le vous - même » Définition et utilisation
AngularJS modifie le comportement par défaut de la balise <form> élément.
Formulaires à l'intérieur d'une application AngularJS sont donnés certaines propriétés. Ces propriétés décrit l'état actuel de la forme.
Les formulaires ont les états suivants:
-
$pristineAucun champ n'a encore été modifié -
$dirtyUn ou plusieurs ont été modifiés -
$invalidLe contenu du formulaire est pas valide -
$validLe contenu du formulaire est valide -
$submittedLe formulaire est soumis
La valeur de chaque état représente une valeur booléenne, et est soit true ou false .
Formulaires en AngularJS empêche l'action par défaut, ce qui soumet le formulaire au serveur, si l'attribut action est pas spécifiée.
Syntaxe
<form name=" formname "></form>Les formulaires sont renvoyés à l'aide de la valeur de l'attribut name.
Classes CSS
Formulaires à l' intérieur d' une application AngularJS sont donnés certaines classes. Ces classes peuvent être utilisées à des formes de style en fonction de leur état.
Les classes suivantes sont ajoutées:
-
ng-pristineAucun champ n'a pas encore été modifiée -
ng-dirtyUn ou plusieurs champs a été modifié -
ng-validLe contenu du formulaire est valide -
ng-invalidLe contenu du formulaire est pas valide -
ng-valid- keyUne clé pour chaque validation. Exemple:ng-valid-required, utile quand il y a plus d'une chose qui doit être validée -
ng-invalid- keyExemple:ng-invalid-required
Les classes sont supprimées si la valeur qu'ils représentent est false .
Exemple
Appliquer des styles pour les formes non modifiées (vierges), et pour les formes modifiées:
<style>
form.ng-pristine {
background-color: lightblue;
}
form.ng-dirty {
background-color: pink;
}
</style>
Essayez - le vous - même »