ASP.NET how to disable button on submit ?

Question

I have forms with payment in ASP.NET site, when user clicks on asp:Button sometime he submits few times. I want to disable this functionality without harming current ASP.NET site ( by that i mean no fancy jQuery, unless it is very basic and will not interfere with ASP.NET built-in validation)

thanks!!!

Answer 1

You can easily do this on the button in client side:

onClientClick="this.disabled=true;"

You can also use the approach from Muhammad with this:

onClientClick="if(Page_ClientValidate()){this.disabled=true;}"

If this is still not working, you can initiate the postback yourself before disabling the button:

onClientClick="if(Page_ClientValidate()){__doPostBack;this.disabled=true;}"

Answer 2

call this js funtion on clientclick of button

function disableButton() {
if(Page_ClientValidate())
  {
        document.getElementById('<%= btnSubscribe.ClientID %>').disabled = true;
   }
    }

before diable button, you need to check page validation.

Answer 3

you might go for blockUI. it's really nice, as it blocks the complete ui, not only the button - so that a user can't click on another button (eg. you want to save ... takes some time ... user clicks on delete meanwhile)