title: AngularJS: Required form field not woking with ng-click submit
body: <pre><code>&lt;div ng-app&gt;
    &lt;div ng-controller="Ctrl"&gt;
       &lt;form ng-submit="submit() "&gt;
         &lt;textarea ng-model="text" required&gt;&lt;/textarea&gt;
  
         &lt;div  ng-click="submit()" style="background-color:#ff00ff;cursor:pointer;width:100px;"&gt;Create !&lt;/div&gt;
  
         &lt;button type="submit" style="background-color:#ff00ff;cursor:pointer;width:100px;"&gt;Create !&lt;/button&gt;
  
      &lt;/form&gt;
      {{list}}
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to submit an Angular form with a custom <strong><em>div</em></strong> button but when I do it like above, the "required" statements are not taken into account like it is done for the <strong><em>button</em></strong>.</p>
  
  <p>When the textarea is empty the first button runs the submit() function anyway.
  Is it possible to have the same behavior as the <strong><em>button</em></strong> ?</p>
  
  <p>Here is a JsFiddle illustrating this:
  <a href="http://jsfiddle.net/xKkvj/55/" rel="nofollow">http://jsfiddle.net/xKkvj/55/</a></p>