禁用按钮不会触发服务器端的单击事件

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!

Answer 2

You need to fire out serverside event of the button some thing like this

onclick="this.disabled=true;__doPostBack('buttonclientid','');"

or

 function disableButton(button) {
            button.disabled = true;
            __doPostBack('buttonclientid','');
            return true;
        }

Answer 3

Use this and it worked for me

 __doPostBack('<%= btnSubmit.ClientID %>', '');  

where btnSubmit is the ID of my button and I wanted to trigger the server side click event for the button. It works.