title: Submit form without submitting form
body: <p>Confusing title, I know. I'll try to word this as best as I can.</p>
  
  <hr>
  
  <p><strong>What I have</strong></p>
  
  <p>A large form made up of multiple sections. Only one section is visible at one time, and clicking the Continue button just displays the next part of the form using javascript. Some inputs contain the <code>type='email'</code> attribute.</p>
  
  <p><img src="https://i.stack.imgur.com/HOYHL.png" alt="enter image description here"></p>
  
  <hr>
  
  <p><strong><em>What I want to happen</em></strong></p>
  
  <p>When the user clicks a Continue button, I want the browser to think the form is being submitted so it does its checks on the <code>type='email'</code> inputs and displays a message if the input is not valid, just like this.
  <img src="https://i.stack.imgur.com/Je3us.png" alt="enter image description here"></p>
  
  <p>But I <strong>do not</strong> want it to submit the form when the <em>Continue</em> button is clicked.</p>
  
  <p><strong>EDIT:</strong> Sorry, I forgot to add that I also need the form to submit at the end. So I cannot use the <code>onsubmit='return false'</code> approach.</p>
  
  <hr>
  
  <p><strong><em>What currently happens</em></strong></p>
  
  <p>At the moment, the browser validation activates when I click the final Submit button (because the form is actually being submitted). But this is too late because the form sections are all closed now, and users will not be able to see which input needs attention.</p>