title: Two button submit form issue
body: <p>Hi successfully made a form where there are two submit buttons. </p>
  
  <p>I needed two buttons because I need each button to take the form to a different place, while get/post the information in the first form. </p>
  
  <p>This is how I did it</p>
  
  <p>Javascript:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> function submitForm(action) {
      var form = document.getElementById('form1');
      form.action = action;
      form.submit();
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form id="form1" method="post" &gt;
      &lt;div class="f-row"&gt;
    &lt;label for="pick"&gt;Pick-Up Address&lt;/label&gt;
    &lt;input type="text" input name="pick" required value="&lt;?php echo isset($_POST['pick']) ? $_POST['pick'] : ''; ?&gt;"/&gt;
     &lt;/div&gt; 
    &lt;input type="button" onclick="submitForm('page2.php')" class="btn small color left" value="ADD ANOTHER STOP" /&gt;
    &lt;input type="button" onclick="submitForm('page3.php')" class="btn medium color right" value="Continue" /&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>It works, both buttons submits to the relevant pages. </p>
  
  <p>But now there is one problem I can't seem to fix, previously if the form was not filled, and i clicked submit, it would ask me to fill up the required fields, now it does not anymore. </p>
  
  <p>If required fields are not filled up, it still submits the form. </p>
  
  <p>I need button 1 to not require required fields to be filled up, and button 2 to require it as button 2 submits the form, while button 1 brings it to a new form to fill up with other details before they submit from there. </p>
  
  <p>Anyone know of a way I can sort this? </p>