防止按钮多次提交

 

.aspx 页面：

         <asp:TextBox ID="TextBox1" runat="server" ValidationGroup="SubgurimTest"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
            ErrorMessage="*" ControlToValidate="TextBox1" ValidationGroup="SubgurimTest">
        </asp:RequiredFieldValidator>
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="OnceClickMe" ValidationGroup="SubgurimTest"
            UseSubmitBehavior="false" OnClientClick="clickOnce(this, 'Cargando...')" />
        <br />
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>

 

注意黑体字噢

.aspx.cs

     protected void Button1_Click(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(1000);
        Label1.Text = DateTime.Now.ToString();
    }

 

.js
         function clickOnce(btn, msg)
        {
            // Test if we are doing a validation
            if (typeof(Page_ClientValidate) == 'function')
            {
                // if we are doing a validation, return if it's false
                if (Page_ClientValidate() == false) { return false; }
            }  
            // Ensure that the button is not of type "submit"
            if (btn.getAttribute('type') == 'button')
            {
                // The msg attibute is absolutely optional
                // msg will be the text of the button while it's disabled
                if (!msg || (msg='undefined')) { msg = 'Loading...'; }   
                btn.value = msg;
                // The magic :D
                btn.disabled = true;
            }
            return true;
        }