title: Validation of nested forms in angularjs
body: <p>I have a main form and within it I have a second form declared with ng-form directive like this:</p>
  
  <pre><code>&lt;form name="settingsForm"&gt;
    &lt;label for="firstNameEdit"&gt;First name:&lt;/label&gt;
    &lt;input id="firstNameEdit" type="text" name="firstName" ng-model="person.firstName" required /&gt;&lt;br /&gt;
  
    &lt;ng-form name="addressForm"&gt;
     &lt;label for="addressEdit"&gt;Address:&lt;/label&gt;
     &lt;input id="addressEdit" type="text" name="address" ng-  model="person.address" /&gt;&lt;br /&gt;
     &lt;label for="zipEdit"&gt;ZIP code:&lt;/label&gt;
     &lt;input id="zipEdit" type="number" name="zip" ng-model="person.zip" required /&gt;&lt;br /&gt;
  
     &lt;button&gt;Save address&lt;/button&gt;
    &lt;/ng-form&gt;
  
    &lt;button&gt;Save&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>When I hit submit button all inputs are validated, I wonder if I can validate only firstName for example and not the ng-form because, I want <strong>ng-form</strong> to be submitted separated on save address, not on save.</p>