title: How to submit a form in JavaScript without triggering jQuery validation
body: <p>I want to have jQuery validation when the whole form is completed and submitted.</p>
  <p>But when a drop down list is changed, I only want to have a POST to action so that I can get a refreshed view with updates. Say, when a state is chosen, the form post to the server side with current half-finished data, and the server returned the same page but with facilities specific to that selected state.</p>
  <p>In this case, I want to submit the form without validation.</p>
  <p>Like this:</p>
  <pre><code>$(document).on('change', '#selectStates', function(event) {
      event.preventDefault();
      
      var $form = $('#formEdit');
      
      $form.bypassValidate();
      $form.submit();
  }); 
  </code></pre>
  <p>So what is the right way to <code>$form.bypassValidate();</code>?</p>
  <p>We know in submit buttons, we can add a <code>formnovalidate</code> tag to bypass validation. But how can we do this in JavaScript?</p>
  <hr />
  <h1>Update with my solution</h1>
  <p>Okay, I looked through the post <a href="https://stackoverflow.com/questions/203844/jquery-validation-plugin-disable-validation-for-specified-submit-buttons?lq=1">jQuery Validation plugin: disable validation for specified submit buttons</a> again. And alas, there is a solution hidden in one of the answers.</p>
  <p><code>formnovalidate</code> does not apply here if I need to bypass validation in JavaScript.</p>
  <p>All we need is to call <code>cancelSubmit</code> (which should be named <code>cancelValidate</code> IMHO) on the <code>validator</code>, which is bound to our jQuery form.</p>
  <p>So my code on the <code>select</code> input is:</p>
  <pre><code>$(document).on('change', '#selectStates', function(event) {
      event.preventDefault();
      
      var $form = $('#formEdit');
  
      $form.data('validator').cancelSubmit = true;
      $form.submit();
  }); 
  </code></pre>