angulaire de validation ne fonctionne pas
Je suis en utilisant angulaire de validation sur une page html, où je l'ai défini un formulaire avec validation du formulaire. Cependant, lorsque je lance la page, toutes les validations j'ai utilisé sur la page est visible. Est il possible que je peux cacher toutes les validations?
<form ng-controller="validateCtrl"
name="loginForm" novalidate>
<p>UserName:<br>
<input type="text" name="uName" ng-model="uName" required>
<span style="color:red" ng-show="loginForm.uName.$dirty && loginForm.uName.$invalid && loginForm.uName.$error.required">
Username is required
</span>
</p>
<p>Password:<br>
<input type="text" name="pwd" ng-model="pwd" required>
<span style="color:red" ng-show="loginForm.pwd.$dirty && loginForm.pwd.$invalid">
<span ng-show="loginForm.pwd.$error.required">Password is required.</span>
</span>
</p>
<p>
<input type="submit" ng-click="popupuser()"
ng-disabled="loginForm.$invalid ">
</p>
</form>
<script src="https://code.angularjs.org/1.2.3/angular.min.js"></script>
- ce qui est dans les validateCtrl?
- J'ai supprimé validatectrl de code
- devrait fonctionner très bien, puis (plunk)
- Même ici @kawade je suis face au même problème. Les Validations ne fonctionne pas et que toutes les validations sont visibles sur la page(le chrome)
Vous devez vous connecter pour publier un commentaire.
Votre code pour le formulaire est fine veuillez voir ici http://jsbin.com/figuve/1/edit
Assurez-vous que votre
validateCtrl
existent, sinon la validation ne fonctionnera pas plase voir icihttp://jsbin.com/figuve/2/edit
ou
supprimer
ng-controller="validateCtrl"
de votre formulaire si vous n'en avez pas besoin.veuillez voir ici http://jsbin.com/figuve/3/edit
Vous pouvez essayer d'utiliser la variable de contrôle est le formulaire soumis, comme ça