Question

Details:

• Only disable after user clicks the submit button, but before the posting back to the server
• ASP.NET Webforms (.NET 1.1)
• Prefer jQuery (if any library at all)
• Must be enabled if form reloads (i.e. credit card failed)

This isn’t a necessity that I do this, but if there is a simple way to do it without having to change too much, I’ll do it. (i.e. if there isn’t a simple solution, I probably won’t do it, so don’t worry about digging too deep)

Answer 1

For all submit buttons, via JQuery, it’d be:

$('input[type=submit]').click(function() { this.disabled = true; }); 

Or it might be more useful to do so on form submission:

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

But I think we could give a better answer to your question if we knew a bit more about the context.

If this is an ajax request, then you’ll need to make sure you enable submit buttons again on either success or failure.

If this is a standard HTTP form submission (aside from disabling the button with javascript) and you’re doing this to safe guard from multiple submissions of the same form, then you ought to have some sort of control in the code that deals with the submitted data, because disabling a button with javascript might not prevent multiple submissions.