title: AngularJS form validation issues
body: <p>I am trying to do a simple form validation using angular js. But it doesnt seems to work and I am not getting what I am missing. </p>
  
  <p>HTML</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form role="form" class="ng-pristine ng-valid" name="registerForm"&gt;
                          &lt;fieldset&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;input class="form-control" placeholder="First Name" name="firstname" type="text"
                                          autofocus="" required ng-class="{'has-error': registerForm.firstname.$invalid}"&gt;
                              &lt;/div&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;input class="form-control" placeholder="Last Name" name="lastname" type="text" value=""&gt;
                              &lt;/div&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;input class="form-control" placeholder="E-Mail" name="email" type="email" value="" ng-class="{'has-error': registerForm.email.$dirty}"&gt;
                                  &lt;div ng-show="registerForm.email.$dirty"&gt;Email Invalid&lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;input class="form-control" placeholder="Password" name="password" type="password" value="" autocomplete="off"&gt;
                              &lt;/div&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;input class="form-control" placeholder="Organization Name" name="organizationName" type="text" value=""&gt;
                              &lt;/div&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;select data-ng-options="item.Display for item in OrganizationTypes track by item.Value" data-ng-model="SelectOrganizationType" class="form-control"&gt;
                                      &lt;option value=""&gt;-Select Organization Type-&lt;/option&gt;
                                  &lt;/select&gt;
                              &lt;/div&gt;
                             
                              &lt;input type="button" value="Register" class="btn btn-lg btn-success btn-block" data-ng-click="Submit()" name="btnSubmit"/&gt;
                             
                          &lt;/fieldset&gt;
                      &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Now the issue is, I am expecting that if I start entering invalid email then it will show me error message "Email Invalid". But that doesn't happen.</p>
  
  <p>Also when i put a debug before submitting blank form, it says "registerForm.$valid = true" </p>
  
  <p>Any guess what am I missing. Any module that i need to include ?</p>
  
  <p>Here is <a href="http://plnkr.co/edit/JYcMlo62pduLJrHq55SL" rel="nofollow">Plunker</a></p>