title: Override html5 validation
body: <p>I'm working on a simple login form, with two fields:</p>
  
  <pre><code>&lt;form&gt;
    &lt;input type="email" name="email" required /&gt;
    &lt;input type="password" name="password" required /&gt;
    &lt;button type="submit"&gt;Log in&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>For modern browsers, validation is automatically triggered.</p>
  
  <p>However, if Javascript is available, I want to take over the html5 form validation, and handle everything myself.</p>
  
  <p>I want to validate automatically 'onblur' (only the affected field) and I want to validate all fields when 'submit' is clicked.</p>
  
  <p>The onblur events work fine, however.. When 'submit' is pressed, the standard 'submit' event is not triggered. However, an 'invalid' event is triggered; but only for the first invalid event.</p>
  
  <p>What's a nice way to tell the browser to ignore all HTML5-related validation, and take over the entire process?</p>