Disable a button in aspx with javascript when click on it and enable it from code behind

Question

I want when user click on button,disable it and after do work enable it from code behind

i use below code but disable it and then enable it,because page load again and doesn't call button event click from code behind

ASPX

<asp:ScriptManager runat="server"></asp:ScriptManager>
<asp:UpdatePanel runat="server" id="UpdatePanel" updatemode="Conditional">
    <ContentTemplate>
        <div>
            <asp:Button runat="server" ID="btnReg" OnClick="reg_Click" OnClientClick="disableButton();" Text="Click On Me..." />
        </div>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="btnReg" EventName="Click" />
    </Triggers>
</asp:UpdatePanel>

JavaScript

function disableButton() 
{
    document.getElementById("<%=btnReg.ClientID%>").disabled = true;
}

Code behind

protected void reg_Click(object sender, EventArgs e)
{
    //do work
    btnReg.Enabled = true;
}

coder · Accepted Answer · 2013-09-20 10:53:20Z

2

Disable your button using javascript as shown:

document.getElementById("<%=btnReg.ClientID%>").disabled = true;

Enable it from codebehind as shown:

//after doing some logic 

btnReg.Enabled = true;
UpdatePanel.Update();

For info read this

$(function() {    
  function doosomething()
  {
    document.getElementById("<%=btnReg.ClientID%>").enabled= true;
  }
};

Call this function as soon as you disable the button from your codebehind as shown:

System.Web.UI.ScriptManager.RegisterClientScriptBlock(Page, typeof(Page), "Script", "doosomething();", true);

edited Sep 20, 2013 at 10:53

answered Sep 20, 2013 at 9:00

coder

13.2k32 gold badges116 silver badges221 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

user1729807 Over a year ago

I did it,like question (set javascript function to OnClientClick and code behind to Onclick),but when i click on button behind code doesn't call, why?

user1729807 Over a year ago

now, my problem is not that button doesn't enable or disable, my problem is when i disable button with javascript after that click event doesn't call and then i can't do work that this button should

coder Over a year ago

why not call a function after you disable the button using javascript function from your codebehind as updated in my answer...

user1729807 Over a year ago

onClick="reg_Click" , the reg_Click doesn't call,please test your answer

coder Over a year ago

Place a breakpoint at reg_click event and find where is the problem going on ?

|

Collectives™ on Stack Overflow

Disable a button in aspx with javascript when click on it and enable it from code behind

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related