title: Form validation Not working with angularJS
body: <p>I've a form inside table.</p>
  
  <pre><code>    &lt;table class='table table-bordered'&gt;
          &lt;caption&gt;ADD NEW BRAND&lt;/caption&gt;
  
          &lt;tbody&gt;
              &lt;form ng-app="" class="form-horizontal" role="form" name="myForm"&gt;
  
                  &lt;div class="form-group"&gt;
                      &lt;TR&gt;
                          &lt;TD&gt;Brand Name&lt;/TD&gt;
  
                          &lt;TD&gt;
                              &lt;input type="text" class="form-control" name="name" ng-model="newbrand.Name" placeholder="Enter Brand Name" required&gt;
                              &lt;span style="color:red" ng-show="myForm.name.$dirty &amp;&amp; myForm.name.$invalid"&gt;
                                  &lt;span ng-show="myForm.name.$error.required"&gt;Brand Name is required.&lt;/span&gt;
                              &lt;/span&gt;
                          &lt;/TD&gt;
                      &lt;/TR&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>When input field is empty, it should give a indication that Brand Name is required. But its not working. </p>
  
  <p>Can someone please help me on this.</p>