title: Bootstrap form input: prevent submit, but allow for input checking
body: <p>I've got the following problem: 
  I use bootstrap form to take input from users, and I use jQuery preventDefault() to disable the submit button from sending the form (I use AJAX instead). However, that function also prevents input checking that is done by bootstrap. For example, if someone enters an e-mail without '@' into</p>
  
  <pre><code>&lt;input type="email" class="form-control"&gt;
  </code></pre>
  
  <p>bootstrap would, upon clicking submit, check that input and return a popup with an error. </p>
  
  <p>My question is: how to prevent the request being sent while keeping the bootstrap form checking mechanism intact?</p>
  
  <p>What I have tried: using preventDefault() and writing my own checking script, however this seems like reinventing the wheel and having extra code when it's not needed.</p>
  
  <p>Thank you!</p>