Prevent form submit with jquery validation engine

Question

I'm using Inline Form Validation Engine to validate a form. Now I want to prevent the form submit. I tried something like this :

$("#ws-form").submit(function(){
    return false;
});

$("#quotation-form").submit(function(){
    return false;
});

Preventing form submit works for #ws-form but not for #quotation-form

These forms have almost the same validation:

$("#ws-form").validationEngine('attach',{
    onValidationComplete: function(form, status){
        if(status === true){
            // some treatment
        }
    }
});

You can find an example of the forms here. My question how can I prevent the submit for this form?

Why exactly would you need to stop a submit of a valid form? Surely you should modify your validation? — Abe Petrillo
– Abe Petrillo, Commented Jan 6, 2012 at 12:23
I need to prevent the submit because I make an ajax query when the form is valid — Awea
– Awea, Commented Jan 6, 2012 at 15:10

iwein · Accepted Answer · 2012-01-06 13:06:32Z

1

If inline validation is not required then you can do the following.

First add a jquery.validate.js file in your header. Then modify the click behavior of the button as follows:

$("#submitButton").live("click",function(){
$("#frm").validate();
if($("#frm").valid())
{
   // ajax call
}
return false;// if required to be on same page.
});

edited Jan 6, 2012 at 13:06

iwein

26.2k13 gold badges75 silver badges112 bronze badges

answered Jan 6, 2012 at 11:44

Vineet M

1409 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Awea Over a year ago

Inline validation is compulsory for this form :(

Taryn · Accepted Answer · 2012-02-16 14:10:29Z

0

"ajaxUserCall": {
    "url": "ajaxValidateFieldUser",
    "extraData": "name=eric",
    "extraDataDynamic": ['#user_id', '#user_email'],
    "alertText": "* This user is already taken",
    "alertTextOk": "All good!",
    "alertTextLoad": "* Validating, please wait"
},

edited Feb 16, 2012 at 14:10

Taryn

249k57 gold badges375 silver badges409 bronze badges

answered Feb 16, 2012 at 10:05

ramya

1

Collectives™ on Stack Overflow

Prevent form submit with jquery validation engine

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related