title: angularJS form validation only working for the first time
body: <p>I'm working on form validations in angularjs and so far i have completed 99%. But the issue is my form validation works correct only for first time submit only. it's confusing to explain but i'll try my best to explain :P .here it is. When i reset my form it is showing error messages that the fields are empty(As it should).like this</p>
  
  <p><img src="https://i.stack.imgur.com/gV0aw.jpg" alt="enter image description here"></p>
  
  <p>After that if i fill 2 fields and submit again i'll work correctly as it should.like this</p>
  
  <p><img src="https://i.stack.imgur.com/VQoUt.jpg" alt="enter image description here"></p>
  
  <p>Now my problem comes.If i reset my form (fields get cleared) and submit the form, only description field error is shown but not in other two.like this</p>
  
  <p><img src="https://i.stack.imgur.com/k3hiO.jpg" alt="enter image description here"></p>
  
  <p>My code</p>
  
  <pre><code>&lt;form name="userForm" ng-submit="submitForm(userForm.$valid, user)" novalidate&gt;
  
  
          &lt;!-- NAME --&gt;
          &lt;div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid &amp;&amp; userForm.name.$dirty &amp;&amp; submitted || (userForm.name.$invalid &amp;&amp; userForm.name.$pristine) &amp;&amp; submitted }"&gt;
              &lt;label&gt;Name*&lt;/label&gt;
              &lt;input type="text" name="name" class="item-input-wrapper" ng-model="user.name"  required&gt;
              &lt;label&gt;&lt;p ng-show="submitted &amp;&amp; userForm.name.$error.required" class="help-block "&gt;&lt;font color="#009ACD"&gt;You name is required.&lt;/font&gt;&lt;/p&gt;&lt;/label&gt;
          &lt;/div&gt;
  
           &lt;!-- EMAIL --&gt;
          &lt;div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid &amp;&amp; userForm.email.$dirty &amp;&amp; submitted || userForm.email.$invalid &amp;&amp; userForm.email.$pristine  &amp;&amp; submitted  }"&gt;
              &lt;label&gt;Email&lt;/label&gt;
              &lt;input type="email" name="email" class="item-input-wrapper"ng-model="user.email"  required &gt;
              &lt;label&gt;&lt;p ng-show="userForm.email.$invalid &amp;&amp; userForm.email.$dirty &amp;&amp; submitted || userForm.email.$invalid &amp;&amp; userForm.email.$pristine &amp;&amp; submitted" class="help-block"&gt;&lt;font color="#009ACD"&gt;Enter a valid email.&lt;/font&gt;&lt;/p&gt;&lt;/label&gt;
          &lt;/div&gt;
  
          &lt;!-- DESCRIPTION --&gt;
          &lt;div class="form-group" ng-class="{ 'has-error' : userForm.username.$invalid &amp;&amp; userForm.username.$dirty &amp;&amp; submitted || userForm.username.$invalid &amp;&amp; userForm.username.$pristine &amp;&amp; submitted }"&gt;
              &lt;label&gt;Description&lt;/label&gt;
              &lt;input type="text" name="username" class="item-input-wrapper" ng-model="user.username"  ng-minlength="5"  ng-maxlength="60" required&gt;
              &lt;label&gt;&lt;font color="white"&gt;&lt;p ng-show="userForm.username.$error.minlength &amp;&amp; submitted"  class="help-block"&gt;&lt;font color="#009ACD"&gt;Description is too short.&lt;/font&gt;&lt;/p&gt;&lt;/label&gt;
              &lt;label&gt;&lt;p ng-show="userForm.username.$error.maxlength &amp;&amp; submitted" class="help-block"&gt;&lt;font color="#009ACD"&gt;Description is too long.&lt;/font&gt;&lt;/p&gt;&lt;/label&gt;
              &lt;label&gt;&lt;p ng-show="submitted &amp;&amp; userForm.username.$error.required" class="help-block "&gt;&lt;font color="#009ACD"&gt;Description is required.&lt;/font&gt;&lt;/p&gt;&lt;/label&gt;
          &lt;/div&gt;
  
  
          &lt;div class="col"style="text-align: center"&gt;
              &lt;button align="left"class="button button-block button-reset"  type="reset" value="Reset" style="display: inline-block;width:100px;text-align:center "
              ng-click="submitted=false" padding-top="true"&gt;Reset&lt;/button&gt;
              &lt;button class="button button-block button-positive"  style="display: inline-block;width:100px "
              ng-click="submitted=true" type="submit" padding-top="true"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>