title: Two forms on one page causes wrong validation
body: <p>I have one page with two separate forms. Most input fields are <code>required</code>. When I click the submit button on the second form, it asks me to fill out the <code>required</code> fields in the first form. </p>
  
  <p>How do I make sure that it only validates the form in which I clicked the submit button?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;form method="post" action="index.php" name="orderQuick" id="orderQuick"&gt;
   &lt;input type="text" name="street" id="street" required&gt;
   &lt;button type="submit" name="submitBtn" id="submitBtn"&gt;Submit&lt;/button&gt;
   &lt;/form&gt;
  
   &lt;form method="post" action="index.php" name="order" id="order"&gt;
   &lt;input type="text" name="street2" id="street2" required&gt;
   &lt;button type="submit" name="submitBtn2" id="submitBtn2"&gt;Submit&lt;/button&gt;
   &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>