title: How to send multiple forms data in one shot to server using angularjs?
body: <p>Hi I am developing web application in angularjs. I have two forms in one html page. Below is the structure.</p>
  
  <pre><code>&lt;form name="form1"&gt;
      &lt;input type="text" name="fname" /&gt;
      &lt;input type="text" name="lname" /&gt;
      &lt;input type="submit" value="Next" /&gt;
  &lt;/form&gt;
  
  &lt;form name="form2"&gt;
      &lt;input type="text" name="address" /&gt;
      &lt;input type="text" name="state" /&gt;
      &lt;input type="submit" value="Next" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>On clicking on the next submit button of first form i want to validate first form and i want to scroll to second form and disable the first form.</p>
  
  <p>On clicking on the next submit button of form2 i want to validate second form and i want to submit data to server using $http from both forms(form1 and form2). 
  May i know is this is possible to achieve this? Also may i know is this is the right way i am following or something else i have to do with above requirement? Any suggestion or help would be greatly appreciated. Thank you.   </p>