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)
InformationsquelleAutor kawade | 2014-09-17