Click Once Button

It is not very uncommon to want us to stop double clicking of submit buttons in our web applications. For example, the purchase button on your web page should be clicked only once. Here is a method on how I go doing that and I call it Click-Once-Button.

Remember, always have server side validations for double or duplicate processing. This technique is a client-side script that presents a user friendly way of disabling the button once clicked.

// Click Once on Purchase:

StringBuilder sbJS = new StringBuilder();

sbJS.Append("if (typeof(Page_ClientValidate) == 'function') { ");

sbJS.Append("if (Page_ClientValidate() == false) { return false; }} ");

sbJS.Append("this.value = 'Please wait...';");

sbJS.Append("this.src = '/Images/purchase_grey.gif';");

sbJS.Append("this.disabled = true;");

sbJS.Append("this.alt = 'Please wait...';");

sbJS.Append(Page.ClientScript.GetPostBackEventReference(imgbtnPurch, ""));

sbJS.Append(";");

imgbtnPurch.Attributes.Add("onclick", sbJS.ToString());

Love coding!