title: angular validation not working
body: <p>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?</p>
  
  <pre><code> &lt;form ng-controller="validateCtrl"
         name="loginForm" novalidate&gt;
  
      &lt;p&gt;UserName:&lt;br&gt;
          &lt;input type="text" name="uName" ng-model="uName" required&gt;
    &lt;span style="color:red" ng-show="loginForm.uName.$dirty &amp;&amp; loginForm.uName.$invalid &amp;&amp; loginForm.uName.$error.required"&gt;
        Username is required
    &lt;/span&gt;
      &lt;/p&gt;
  
      &lt;p&gt;Password:&lt;br&gt;
          &lt;input type="text" name="pwd" ng-model="pwd" required&gt;
    &lt;span style="color:red" ng-show="loginForm.pwd.$dirty &amp;&amp; loginForm.pwd.$invalid"&gt;
      &lt;span ng-show="loginForm.pwd.$error.required"&gt;Password is required.&lt;/span&gt;
    &lt;/span&gt;
      &lt;/p&gt;
  
      &lt;p&gt;
          &lt;input type="submit" ng-click="popupuser()"
                 ng-disabled="loginForm.$invalid "&gt;
      &lt;/p&gt;
  
  &lt;/form&gt;
  &lt;script src="https://code.angularjs.org/1.2.3/angular.min.js"&gt;&lt;/script&gt;
  </code></pre>