title: Skip nested forms validation with AngularJS
body: <p>How can I skip validation of nested forms with AngularJS? I have to make an outer form valid even when its child form is invalid. </p>
  
  <p>In the example below outer form should be valid (<code>fOuter.$valid</code> must be true). By default, it is not. Is there an option?</p>
  
  <p>Code (<a href="http://jsfiddle.net/Antelle/vpyKw/" rel="noreferrer">jsFiddle</a>):</p>
  
  <pre><code>&lt;div ng-app ng-controller="Ctrl"&gt;  
      &lt;ng-form name="fOuter"&gt;  
          &lt;h3&gt;Outer form (valid={{fOuter.$valid}})&lt;/h3&gt;  
          &lt;input type="text" name="txtOuter" ng-model="outer" placeholder="(required)" required /&gt;  
          &lt;ng-form name="fInner"&gt;  
              &lt;h3&gt;Inner form (valid={{fInner.$valid}})&lt;/h3&gt;  
              &lt;input type="text" name="txtInner" ng-model="inner" placeholder="(required)" required /&gt;  
          &lt;/ng-form&gt;  
      &lt;/ng-form&gt;  
  &lt;/div&gt;
  </code></pre>