Question

I am trying to use jquery validator plugin and form submit via ajax in jquery…..

Validator plugin works with <input type="submit" value="Add a client" id="clientadd"/> but my form submit works with <input type="button" value="Add a client" id="clientadd"/>…..

<form id="addform" autocomplete="off">
 //My controls here
</form>

I didn’t specify action and method attributes here as i ll submit my form using jquery.ajax()…. Any suggestion how to get both working together….

Answer 1

You could specify a submitHandler that will perform the form submission once validation succeeds:

$('form').validate({
    submitHandler: function(form) {
       // TODO: submit your form in ajax here
    }
});

So if you are using the jQuery.form plugin to ajaxify your form:

$('form').validate({
    submitHandler: function(form) {
        $(form).ajaxSubmit();        
    }
});