jquery disable submit button on form submission

jquery forms submit
scarhand picture scarhand · Mar 26, 2011 · Viewed 53k times · Source

For whatever reason, though this code does refresh the page, no fields get posted...

$('form').submit(function(){
    $('input[type=submit]', this).attr('disabled', 'disabled');
});

Is there a better way of coding this?

Answer

Diodeus - James MacFarlane picture Diodeus - James MacFarlane · Mar 26, 2011

Your code is changing the submit action of the form. Instead of submitting, it changes the button attribute.

Try this:

$('input[type=submit]').click(function() {
    $(this).attr('disabled', 'disabled');
    $(this).parents('form').submit();
});

Related questions

jQuery AJAX submit form

I have a form with name orderproductForm and an undefined number of inputs. I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the …

Read More
Jquery .on() submit event

I've got a problem with .on(). I have multiple form-elements (forms with class="remember"), also I add another one form.remember using AJAX. So, I want it to handle submit event something like: $('form.remember').on('submit',function(){...}) but form …

Read More
Dynamically create and submit form

Is there a way in jQuery to create and submit a form on the fly. Something like below. <html> <head> <title> Title Text Goes Here </title> <script src="http://code.jquery.…

Read More