title: Setting up multiple forms / validations on same page
body: <p>What's up all, total AngularJS noob here and looking for some answers.</p>
  
  <p>I have a page set up like so:</p>
  
  <pre><code>    &lt;form name="mainForm" class="content" ng-app="pathForm" ng-controller="FormControl" novalidate&gt;
  
      &lt;div class="full-page open" id="form1"&gt;
      &lt;!-- Form 1 content here --&gt;
      &lt;/div&gt;  
  
      &lt;div class="full-page" id="form2"&gt;
      &lt;!-- Form 2 content here --&gt;
      &lt;/div&gt;
  
      &lt;div class="full-page" id="form3"&gt;
      &lt;!-- Form 3 content here --&gt;
      &lt;/div&gt;
  
      &lt;div class="full-page" id="form4"&gt;
      &lt;!-- Form 4 content here --&gt;
      &lt;/div&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Where each of these forms have their own set of inputs that need validation. I've been able to get the validation working across all four forms, because I set up an encompassing form ng-app that cover all 4 forms. On submit, a script removes the 'open' class from the open form, cycles to the enxt form and adds the open class on that form.</p>
  
  <p>How can I set it so that each one of these forms can be individually validated? </p>
  
  <p>Thanks in advance.</p>