title: jQuery validation conflicts with Ajax form submission
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/14319857/jquery-validation-some-of-the-required-field-not-filled-but-the-form-can-still">jQuery validation: some of the required field not filled but the form can still be submitted</a>  </p>
  </blockquote>
  
  
  
  <p>I used jquery validation (<a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="nofollow noreferrer">http://bassistance.de/jquery-plugins/jquery-plugin-validation/</a>) for form validation:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form id="formID" action="/processForm" method="post"&gt;
    ...
    &lt;input type="submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$("#formID").validate({
    onkeyup:false,
    rules: {
      ...
    },
    messages: {
      ...
    }
  });
  
  
  // Submit the form by Ajax
  $(document).ready(function() {
    $('.formID').ajaxForm({
      success: function(returnData) {
        $('#content').html(returnData);
      }
    });
  });
  </code></pre>
  
  <p>Now the form seems to be submitted by the validate() function, not by the Ajax function. </p>
  
  <p>How do I still use the Ajax function?</p>