I'm using ajaxForm to smooth help create a pleasant user experience for  a simple contact form.

I'd also like to use this plugin, so I don't have to create complex validation rules.

validation plugin

http://docs.jquery.com/Plugins/Validation

Trouble is, I can't figure out how to prevent form submission without first checking to see if the form is valid.

My attempts so far have been based on using submit() to prevent submission of the form if validations valid() method returns false.

But this doesn't seem to work. If I use ajaxForm, the submit() function seems to work differently. A form will still be submitted, despite a return false.

validate has a valid() method that returns false if the form fails validation.

How can I submit the form only if valid doesn't return false?

I've tried this:

1. $('#contact-form').submit(function(){
2.         if ( $('#contact-form').valid() != 1)
3.         {
4.             return false ;
5.         }           
6. 
   
7.     });

But the form gets submitted even if the valid() returns false.