angular validation not working

Question

I am using angular validation on an html page, where I have defined a form along with validation on the form. However, when I run the page, all the validations I have used on the page is visible. Is there a way I can hide all the 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>

should work just fine then ([plunk](http://plnkr.co/edit/tpl:FrTqqTNoY8BEfHs9bB0f?p=preview)) — s-hoff, Sep 17 '14 at 15:49
Same here @kawade I face the same problem. Validations not working and all the validations are visible on the page(chrome) — kittu, Jun 12 '15 at 05:53

score 3 · Answer 1 · answered Sep 17 '14 at 10:53

3

Your code for form is fine please see here http://jsbin.com/figuve/1/edit

Make sure that your validateCtrl exist otherwise validation will not work plase see here http://jsbin.com/figuve/2/edit

or

remove ng-controller="validateCtrl" from your form if you don't need it. please see here http://jsbin.com/figuve/3/edit

answered Sep 17 '14 at 10:53

sylwester

16,498
1
25
33

I have removed ng-controller="validateCtrl", but still not working – SA. Sep 17 '14 at 11:20
1

@kawade in that case if you using chrome pres ctrl-shift+j refresh your page and check if there any error occurred – sylwester Sep 17 '14 at 11:23

score 1 · Answer 2 · answered Sep 17 '14 at 10:48

1

You can try use variable to check is form submited, like that

 <span ng-show="(loginForm.uName.$dirty || isSubmitted) && loginForm.uName.$error.required">Username is required</span>

answered Sep 17 '14 at 10:48

Nedim

266
2
10

angular validation not working

2 Answers2