Disable submit button if validation true (jQuery Validation Engine)

Question

I'm using jQuery Validation Engine (https://github.com/posabsolute/jQuery-Validation-Engine) to validate my form. I want to disable submit button to prevent multiple submits if validation is true. I couldn't achieve this with callback functions.

Ron · Accepted Answer · 2012-01-17 03:59:13Z

1

I always do this trick

$('#yourform').submit(function() {
    if($(this).hasClass('blockSubmit')) return false;
    $(this).addClass('blockSubmit');
    /*
     * organizing data, requesting, responding, et cetra cetra...
     */
    $(this).removeClass('blockSubmit');
});

answered Jan 17, 2012 at 3:59

Ron

2,7902 gold badges22 silver badges17 bronze badges

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

Comments

davidethell · Accepted Answer · 2012-01-17 04:05:16Z

0

I typically do this:

$('#theform').submit(function() {
    $('#submitbutton').attr('disabled', 'disabled');
});

Of course if you are doing any onsubmit validation that fails you have to reenable the button:

$('#submitbutton').removeAttr('disabled');

answered Jan 17, 2012 at 4:05

davidethell

12.1k6 gold badges47 silver badges67 bronze badges

Collectives™ on Stack Overflow

Disable submit button if validation true (jQuery Validation Engine)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related