Question

I have an imagebutton in my aspx page like:

<asp:ImageButton ID="btnProcessPayment" ImageUrl="~/Images/process-payment.png" OnClientClick="return disableButton(this);"
                                    runat="server" OnClick="btnProcessPayment_Click" />

This is my javascript function:

function disableButton(button) {
            button.disabled = true;
            return true;
        }

As you can see in my javascript event handler I have disabled the button to prevent the user from click the button twice. However, even my server side event handler doesn’t get fired due to this. What am I doing wrong?

Note: If I comment out this line button.disabled = true; all works out pretty well.

Answer 1

Disabling the button disables the form submit as well. You need to do the submit yourself:

function disableButton(button) { 
    button.disabled = true; 
    __doPostBack(<%= btnProcessPayment.ClientID %>,'');   // need to manually submit
    return true; 
} 

Updated as per Waqas suggestion!