title: Angular form validation $pristine not working properly
body: <p>Can anyone tell me why my validation is being ignored?
  Here is my form:</p>
  
  <pre><code>&lt;form name="contactForm" role="form" ng-submit="controller.submit()" novalidate&gt;
      &lt;div class="form-group" ng-class="{ 'has-error' : contactForm.fullName.$invalid &amp;&amp; !contactForm.fullName.$pristine }"&gt;
          &lt;input class="form-control" type="text" name="fullName" placeholder="Full name" ng-model="controller.model.fullName" required /&gt;
      &lt;/div&gt;
      &lt;div class="form-group" ng-class="{ 'has-error' : contactForm.email.$invalid &amp;&amp; !contactForm.email.$pristine }"&gt;
          &lt;input class="form-control" type="text" name="email" placeholder="Email address" ng-model="controller.model.email" required /&gt;
      &lt;/div&gt;
      &lt;div class="form-group" ng-class="{ 'has-error' : contactForm.phoneNumber.$invalid &amp;&amp; !contactForm.phoneNumber.$pristine }"&gt;
          &lt;input class="form-control" type="text" name="phoneNumber" placeholder="Phone number" ng-model="controller.model.phoneNumber" required /&gt;
      &lt;/div&gt;
      &lt;div class="form-group" ng-class="{ 'has-error' : contactForm.orderQuantity.$invalid &amp;&amp; !contactForm.orderQuantity.$pristine }"&gt;
          &lt;select class="form-control" name="orderQuantity" ng-model="controller.model.orderQuantity"&gt;
              &lt;option disabled selected&gt;Order quantity&lt;/option&gt;
              &lt;option&gt;10+&lt;/option&gt;
              &lt;option&gt;20+&lt;/option&gt;
              &lt;option&gt;30+&lt;/option&gt;
              &lt;option&gt;40+&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class="form-group" ng-class="{ 'has-error' : contactForm.country.$invalid &amp;&amp; !contactForm.country.$pristine }"&gt;
          &lt;input class="form-control" type="text" name="country" placeholder="Country" ng-model="controller.model.country" required /&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;textarea class="form-control" placeholder="Message" ng-model="controller.model.message"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;div class="recaptcha" theme="dark" vc-recaptcha key="'6Lcc0AgTAAAAAIpcEqqDI3Ko8dZ05H-GGgUnfOvA'"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;button class="btn btn-primary"&gt;Send&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I set up a codepen here:
  <a href="http://codepen.io/r3plica/pen/XbzyzQ?editors=101" rel="nofollow">http://codepen.io/r3plica/pen/XbzyzQ?editors=101</a></p>