Disable Button after one Click to prevent Click Twice

Hi all,

In previous posts i show how to disable button after one click to prevent multiple click

Disable a Button When Clicked once on an ASP.NET Page Containing Validation Controls

Disable a button after single click

Disable button onclientclick twice ASP.Net

now try this way to disable Button after one click :-

add this Javascript Code :-

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

and in Html

<div>
      Enter Name :-
      <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1"
          ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator><br />
    <asp:Button runat="server" ID="btnSave" Text="Save" OnClick="Save" OnClientClick="disableButton(this,'')" UseSubmitBehavior="false" />
   </div>

If there is Validation Group it will be like this :-

Add this Javascript code :-

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

and HTML will be :-

<div>
      Enter Name :-
      <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="TextBox1" ValidationGroup="i"
          ErrorMessage="RequiredFieldValidator">*</asp:RequiredFieldValidator>&nbsp;<br />
    <asp:Button runat="server" ID="btnSave" Text="Save" OnClick="Save" OnClientClick="disableButton(this,'i')" UseSubmitBehavior="false" ValidationGroup="i" />
   </div>

Hope this helps

Good Luck