Disable a button on click to prevent multiple postbacks

[Sangam Uprety]

Most of the times we wish to disable the asp.net button control just after the first click so that we may prevent multiple postbacks. This is sensitive work since multiple posting may cause multiple transactions and bring about problems. So we need a proper solution.
One solution would be to catch the click event from client side scripting and immediately disable the button. But this approach has the problem that the server side event won't fire. Then what? So I have a bit different approach.
Catch the click event from client side using javascript or jquery, hide the button, show some proper message and let the server side event fire and get executed. After postback you will get your button as it is. Thanks.

<link removed>

[Frinavale]

There's a way to do it so that the server side event is executed.
You just need to know how to disable the button so that when it is disabled the page will still submit to the server :)

You just need to configure your button properly.

[Sangam Uprety]

Oh then we have better know it. Could you illustrate it please? Thanks.

[Frinavale]

Well, put a button on the page.
Add some JavaScript that will disable the button:

<script type="text/javascript">
    function Disable(x) {
        x.disabled = true;
    }
</script>

Set the button's UseSubmitBehavi or Property to false and set the button's OnClientClick Property to the JavaScript method that disables the control.

Like this:

<asp:Button ID="doIt" runat="server" Text="Do It" OnClientClick="Disable(this);" UseSubmitBehavior="false" />

You could shorten this down even further and skip the JavaScript function completely...

Just disable the button using JavaScript right in the OnClientClick...like this:

<asp:Button ID="doIt" runat="server" Text="Do It" OnClientClick="this.disabled=true;" UseSubmitBehavior="false" />

Tada!

The important part is that you set the button's UseSubmitBehavi or property to false or else your button will get disabled and it will not submit to the server.

-Frinny

[MajDuke30]

Thank you

Thank you SO MUCH for your code snippets, Frinavale! They saved me a TON of time and were exactly what I was looking for!

Well, put a button on the page.
Add some JavaScript that will disable the button:

<script type="text/javascript">
    function Disable(x) {
        x.disabled = true;
    }
</script>

Set the button's UseSubmitBehavi or Property to false and set the button's OnClientClick Property to the JavaScript method that disables the control.

Like this:

<asp:Button ID="doIt" runat="server" Text="Do It" OnClientClick="Disable(this);" UseSubmitBehavior="false" />

You could shorten this down even further and skip the JavaScript function completely...

Just disable the button using JavaScript right in the OnClientClick...like this:

<asp:Button ID="doIt" runat="server" Text="Do It" OnClientClick="this.disabled=true;" UseSubmitBehavior="false" />

Tada!

The important part is that you set the button's UseSubmitBehavi or property to false or else your button will get disabled and it will not submit to the server.

-Frinny

[Srikanth7989]

It's working fine for disable but after process is done how can we re enable it