Comments on: Disable a button control during postback.

By: Mark

Mark — Tue, 23 Feb 2010 17:11:59 +0000

Use a javascript function like the following if you want to disable the button AND still have working client validation, call the function from the OnClientClick attribute:

function CheckSubmit() {
cmdSave = document.getElementById(‘cmdSave’);

cmdSave.disabled = true;
originalText = cmdSave.value;
cmdSave.value = “Saving Changes…”;

Page_ClientValidate();

if (!Page_BlockSubmit) {
cmdSave.value = originalText;
cmdSave.disabled = false;
}
}

By: Eric

Eric — Tue, 16 Feb 2010 19:21:09 +0000

Works like a charm, was looking for this for a long time. Such a simple solution. :)

By: Leo

Leo — Tue, 26 Jan 2010 20:10:17 +0000

Brilliant, thanks for sharing such an easy solution to a common problem!

By: Ancalagon

Ancalagon — Thu, 31 Dec 2009 16:35:19 +0000

Nice, Clean, Simple!

By: Michael Gaigg

Michael Gaigg — Wed, 04 Nov 2009 15:28:38 +0000

Here is a code sample that shows how to the submit button on submission of the form without breaking the client-side validation of .net: http://www.mgitsolutions.com/blog/2009/10/27/how-to-disable-button-on-form-submit-in-net/

By: Hank

Hank — Fri, 16 Oct 2009 20:47:24 +0000

YOU JUST SAVED ME 1 DAY OF FRUSTRATION WITH THIS…. can’t believe this little property was the root of my problem!!!

By: Dave Ward

Dave Ward — Wed, 14 Oct 2009 01:20:36 +0000

You can use something like jQuery’s BlockUI to do that. See this post for some details: http://encosia.com/2008/10/04/using-jquery-to-enhance-aspnet-ajax-progress-indication/

By: Cha

Cha — Tue, 13 Oct 2009 17:38:24 +0000

Thanks. Your solution worked perfectly. Just out of curiosity, is there a way to do the same thing while also displaying a label on top of the page saying “Processing…”?

By: Noman Shiahd

Noman Shiahd — Sat, 08 Aug 2009 11:42:59 +0000

thanks MR.Dave Ward
its Work
From
Muhammad Noman Shahid
Pakistan

By: Dave Ward

Dave Ward — Mon, 15 Jun 2009 14:55:08 +0000

With LinkButtons, there’s no client-side “disabled” property like with regular Button contracts. What you can do is replace this in the example above:

OnClientClick="this.disabled = true; this.value = 'Submitting...';"

With this:

OnClientClick="this.href = '#';"

And it will effectively disable the link after it is clicked once.

By: har

har — Fri, 05 Jun 2009 20:52:45 +0000

i am creating link button dynamically, which calls few COM operations. How can i prevent user to click multiple times on the link button?

By: ricbax

ricbax — Tue, 05 May 2009 20:47:34 +0000

Removed the OnClick=”BtnSubmit_Click” and it worked for me. Thanks!

By: hungster

hungster — Fri, 17 Apr 2009 10:03:32 +0000

thanks! this is the best and easiest solution i have found.

By: natalie

natalie — Sun, 05 Apr 2009 21:39:20 +0000

wait–the second part of that code is a form:

By: natalie

natalie — Sun, 05 Apr 2009 21:37:31 +0000

This is really helpful. I am too much of a n00b to get it to work for me, though. I have a different kind of button, that shows text at distinct time points. You click the button once and then it displays a sentence, then it pauses, then it displays a different sentence. I don’t want the client to be able to see the sentences more than once, so I am trying to disable the button w/o preventing the sentences from being shown. All my attempts disable the button completely so the client never sees anything. This is the basic code w/o anything to disable. Where can I put the right function or line of code to disable the button while still allowing the text to display one time? THANKS for any help.

function timedText() { var t1=setTimeout(“document.getElementById(‘txt’).value=’Chinese Sentence’”,0); var t2=setTimeout(“document.getElementById(‘txt’).value=’XXXXXXX’”,3000); }