Disable asp net button after click to prevent double clicking

Question

I have an ASP NET button that I need to disable after the user clicks it to prevent double-clicking   Once the submit completes it has to be enabled again  Can anyone help me with this

User · Answer

This solution works if you are using asp.net validators:

<script language="javascript" type="text/javascript">
function disableButton(sender,group)
{
    Page_ClientValidate(group);
    if (Page_IsValid)
    {
        sender.disabled = "disabled";
        __doPostBack(sender.name, '');
    }
}</script>

and change the button:

<asp:Button runat="server" ID="btnSendMessage" Text="Send" OnClick="btnSendMessage_OnClick" OnClientClick="disableButton(this,'theValidationGroup')" CausesValidation="true" ValidationGroup="theValidationGroup" />

User · Answer

Here is a solution that works for the asp net button object  On the front end  add these attributes to your asp Button definition    lt asp Button     OnClientClick  this disabled true   UseSubmitBehavior  false    gt    In the back end  in the click event handler method call  add this code to the end  preferably in a finally block   myButton Enabled   true

User · Answer

This works with a regular html button        lt input id  Button1      onclick  this disabled  true    type  button      value  Submit  name  Button1      runat  server  onserverclick  Button1 Click  gt    The button is disabled until the postback is finished  preventing double clicking

User · Answer

using jQuery      form   submit function            submit   this  click function             return false

User · Answer

You can do this with javascript   in your form tag  onsubmit  javascript this getElementById  submitButton   disabled  true

User · Answer

If anyone cares I found this post initially  but I use ASP NET s build in Validation on the page   The solutions work  but disable the button even if its been validated   You can use this following code in order to make it so it only disables the button if it passes page validation    lt asp Button ID  Button1  runat  server  onclick  Button1 Click  Text  Submit  OnClientClick   if   Page ClientValidate       this value  Submitting     this disabled true     UseSubmitBehavior  false    gt

User · Answer

lt script type    text javascript  gt  function DisableButtons         var inputs   document getElementsByTagName  INPUT        for  var i in inputs            if  inputs i  type     button     inputs i  type     submit                 inputs i  disabled   true                    window onbeforeunload   DisableButtons   lt  script gt

User · Answer

Just need to add 2 attributes for asp button    OnClientClick  this disabled  true     UseSubmitBehavior  false    e g    lt asp Button ID  Button1  runat  server  Text  TEST  OnClientClick  this disabled  true     UseSubmitBehavior  false  CssClass  button-content btnwidth  OnClick  ServerSideMethod Click     gt    For more details   https   bytes com topic asp-net answers 918280-disable-button-click-prevent-multiple-postbacks

User · Answer

Check this link  the most simplest way and it does not disable the validations   http   aspsnippets com Articles Disable-Button-before-Page-PostBack-in-ASP Net aspx  If you have e g      lt form id  form1  runat  server  gt         lt asp Button ID  Button1  runat  server  Text  Button1  OnClick  Button1 Clicked    gt     lt  form gt    Then you can use     lt script type    text javascript  gt    function DisableButton           document getElementById   lt   Button1 ClientID   gt    disabled   true        window onbeforeunload   DisableButton     lt  script gt    To disable the button if and after validation has succeeded  just as the page is doing a server postback

User · Answer

If you want to prevent double clicking due to a slow responding server side code then this works fine    lt asp Button     OnClientClick  this disabled true   UseSubmitBehavior  false    gt    Try putting a Threading Thread Sleep 5000  on the  Click   event on the server and you will see the button is disabled for the time that the server is processing the click event   No need for server side code to re-enable the button either

User · Answer

You can use the client-side onclick event to do that   yourButton Attributes Add  onclick    this disabled true

User · Answer

I have found this  and it works   btnSave Attributes Add       onclick         this disabled   true     ClientScript GetPostBackEventReference btnSave  null

User · Answer

lt asp Button ID  btnSend  runat  server  Text  Submit   OnClick  Button Click   gt               lt script type    text javascript  gt              function DisableButton                                 document getElementById   lt   btnSend ClientID   gt    disabled   true                            window onbeforeunload   DisableButton           lt  script gt

User · Answer

Disable the button on the OnClick event  then re-enable on the AJAX callback event handler   Here is how I do it with jQuery    lt script gt    document  ready function              buttonId   click function                this  attr  disabled    disabled             callAjax                  function callAjax           ajax         url   ajax test html         success  function data               enable button              buttonId   removeAttr  disabled                        lt  script gt

User · Answer

Try this  it worked for me   lt asp Button ID  button  runat  server  CssClass  normalButton   Text  Button   OnClick  Button Click  ClientIDMode  Static   OnClientClick  this disabled   true  setTimeout  enableButton     1500     UseSubmitBehavior  False   gt      Then    lt script type  text javascript  gt  function enableButton     document getElementById  button   disabled   false     lt  script gt    You can adjust the delay time in  setTimeout

User · Answer

I like to disable the button and call a postback  this way the code behind still gets run after the button is disabled   this is how i attach from code behind   btnProcess Attributes Add  onclick     this disabled   true    doPostBack  btnProcess        return false      Then re-enable the button in code behind   btnProcess Enabled   True

[javascript] Disable asp.net button after click to prevent double clicking

Examples related to javascript

Examples related to jquery

Examples related to asp.net

Examples related to asp.net-ajax