Disable button on submit click in jquery

Question

On submit button i want to disable the button so user does not click more than once. im using jquery for that but its not working, my code is

setTimeout($('#btn').attr("disabled", true), 1);
return true;  

button get disabled but my controller does not call. what am i doing wrong?

Answer 1

try this:

setTimeout($('#btn').attr('disabled', 'disabled'), 1);
return true;

Answer 2

setTimeout(function() {
    $('#btn').attr('disabled', 'disabled');
}, 1);

Answer 3

I don't see much reason to use timeout, I'd just go with

$('#btn').attr('disabled', 'disabled');
return true;

or more precisely,

$('#btn').click( function (e) {
    $(this).attr('disabled', 'disabled');
});

is all you need.

And being a bit wicked and esoteric :P

return !!$('#btn').attr('disabled', 'disabled');

and that, was just for fun. Don't do it in your code! :)