Question

I’m using Jörn Zaefferer’s validate plugin for jquery

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Is it possible to use this plugin to validate a form, and have the page not reload when the form is submitted?

The plugin, when used ajaxform, allows you to submit the contents of the form via ajax. However, I’ve already got my own ajax submission functions that I don’t want to rewrite.

So far, I’ve got something like this:

$("#myform").validate({
        submitHandler : function(form){
            myAjaxSubmissionFunction() ;
        }
    });

This is fine, but when validation passes and the submit button is clicked, the page reloads.

Answer 1

I think you should add this:

$("#myform").submit(function(event){
   event.preventDefault();
});

This will prevent the form to be submitted normally, so only your ajax submission will run.

Hope this helps. Cheers