How to disable ASP.net button control before execute server code

Question

0.00/5 (No votes)

See more:

Hi everyone,

I have this ASP.net button in ASP.net page:

ASP.NET

<asp:Button ID="btnVerifyEmail" runat="server" Text="Verify Email" OnClientClick="return CheckForRequiredFields()" OnClick="btnVerifyEmail_Click" />

When i press button, it firstly execute Javascript method that if it return false will not go to server else go to server to execute server code,

I want to make the Button disabled before executing server code to prevent User from press on it again, so i added this code to the form load of the page:

C#

btnVerifyEmail.Attributes.Add("onclick", "this.disabled=true;" + Page.ClientScript.GetPostBackEventReference(btnVerifyEmail, "").ToString());

this code work fine only if i remove the OnClientClick="return CheckForRequiredFields()",

but if i used Javascript method the button not be disabled and user can press it more and more

so what can i do
any idea?

Posted 17-Nov-11 16:07pm

MrLonely_2

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Not Active · Answer 1 · 2011-11-17T17:11:00

Solution 2

Obviously Page.ClientScript.GetPostBackEventReference won't work because its on the server, after the button has been clicked and the postback has occcured.

<asp:Button id='btnVerifyEmail' runat='server' Text='Verify Email' onclientclick='return CheckForRequiredFields(this)'/>

function CheckForRequiredFields(btn)
{
  btn.disabled = isValid();
  return !btn.disabled;
}

Whatever you validation function is if it returns true it will set the disabled property to true and return false which will not allow the postback to occur.

Posted 17-Nov-11 17:11pm

Not Active

Updated 18-Nov-11 5:43am

v4

Comments

MrLonely_2 17-Nov-11 23:35pm

Thanks, but when the isValid() function return true it disable the button and not cause the postback to occur, i test it.

[no name] 17-Nov-11 23:46pm

Then you must be doing something wrong

MrLonely_2 17-Nov-11 23:52pm

That is my button:
<asp:Button ID="btnCreateAccount" runat="server" Text="Button" OnClientClick="return CheckForRequiredFields(this)" OnClick="btnCreateAccount_Click" />

and that is Javascript:
<script type="text/javascript">

function CheckForRequiredFields(btn)
{
btn.disabled = isValid();
return btn.disabled;
}

function isValid()
{
// code goes here...
}

</script>

then tell me the error.

[no name] 18-Nov-11 11:43am

Sorry, my fault I forgot the !

See the updated solution.

prot0col · Answer 2 · 2011-11-17T18:05:00

Solution 3

If you are returning true then just add a code to disable it, something like this :

JavaScript

document.getelementbyid(clientId of ur button).disabled = true;

Posted 17-Nov-11 18:05pm

prot0col

Updated 17-Nov-11 18:06pm

v3

Al Moje · Answer 3 · 2011-11-17T16:32:00

Solution 1

Hi,

I think you could disable your button in client code function like example below:

C#

$get('<%= btnVerifyEmail.ClientID %>').disabled = true;

Please vote if could help...

Regards,
Al

Posted 17-Nov-11 16:32pm

Al Moje

Comments

MrLonely_2 17-Nov-11 22:52pm

I already did that before but that cause the button to be disable and not go to server code and not doing postback

Al Moje 17-Nov-11 23:36pm

I think there's no need to add an attribute for
'Page.ClientScript.GetPostBackEventReference', and just make a condition on your client function by manipulating button either setting it as to be enable or disable.

Al Moje 18-Nov-11 1:13am

Example:

<script type="text/javascript">

function CheckForRequiredFields() {
var xx = $get('<%= txtAtt.ClientID %>').value;
if (xx == '') {
alert("Attachment is required...");
return false;
}
else {
return true;
}
}
</script>