Working in one of my applications, I needed a button that disables when it were clicked.
So I have been working on it and here is the final code.
There are only two Assumptions:
- The Button must be of type button, no of type submit.
- The javascript should control if we are working with validator.
.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;
}
I wish it can help you
If a Widget is a Web Gadget, a Netget is a dotNET Gadget :P
I'm a Netget fan, I'm always thinking on new user controls, libraries or frameworks, but I have not time enough to work on them as I wanted...
Therefore I've decided to make some of my favorite Netgets OpenSource on Codeplex
I'm talking about:
- FileUpload AJAX.
- Chat.
- Sitemap Generator.
- Multisearch API.
Any kind of contributions are welcome, so if you're a developer and you like any of this projects feel free to contact me to become a developer :D