Best way to do jquery form validation?
<p>Okay, so we have input boxes for the following:</p>

<pre><code>firstname, lastname, email, password, city, state, captcha, terms and conditions
</code></pre>

<p>I've done the validation for all of these input boxes.</p>

<p>This validation is seperate for each ID, and works via <code>change()</code></p>

<p>The e-mail and captcha use ajax, and if they are successful, it returns true.</p>

<p>I also have all of the validation inside the form <code>submit()</code></p>

<p>But when the form is submitted, the validation on the ajax takes place again and the form is submitted WHILE the ajax request is processing.</p>

<p>How would I make the form delay submitting until the validation has ran and then auto submit? Like a sort of delay feature?</p>

<p>Each part of validation returns a var named <code>error</code> - error can either be <code>true</code> or <code>false</code></p>

<p>If the error is false, it prevents form submit by returning false.</p>

<p>I've been thinking of scrapping the whole <code>submit()</code> validation, as its just a duplicate validation running on submit and basically running in a loop, and I was thinking of disabling the submit button with jquery unless everything is validated via <code>change()</code>?</p>
