Disable submit button for a short period of time with jQuery?

javascript jquery form-submit time-limiting
Akos picture Akos · Oct 28, 2011 · Viewed 17.2k times · Source

[I am quite new to jQuery so don't blame me if I get something wrong]

I have been browsing questions here on SO about: "Disable submit button after click". OK there are loads of these stuff around, but I couldn't find out how to disable it for a limited time. e.g. 20 secs.

Maybe I am the idiot but how?

[I've only got a simple html form]

Answer

karim79 picture karim79 · Oct 28, 2011 
var enableSubmit = function(ele) {
    $(ele).removeAttr("disabled");
}

$("#submit").click(function() {
    var that = this;
    $(this).attr("disabled", true);
    setTimeout(function() { enableSubmit(that) }, 1000);
});

Demo: http://jsfiddle.net/pHxF2/2/

Related questions

jquery disable form submit on enter

I have the following javascript in my page which does not seem to be working. $('form').bind("keypress", function(e) { if (e.keyCode == 13) { e.preventDefault(); return false; } }); I'd like to disable submitting the form on enter, or better yet, to …

Read More
How to disable submit button once it has been clicked?

I have a submit button at the end of the form. I have added the following condition to the submit button: onClick="this.disabled=true; this.value='Sending…'; this.form.submit();" But when it moves to the next page, …

Read More
Is there an "after submit" jQuery option?

I have a form that uploads a file and targets an iframe on the page. When the user clicks submit, I want the file contents to "clear" out. I tried this $('#imageaddform').submit(function(){ $('#imagefile').val(''); }); But …

Read More