Navigation

	Home Page
	Index
	All Pages

Quick Search
Advanced Search »

Contributor Links

	Create a new Page
	Administration
	File Management
	Login/Logout
	Your Profile

Other Wiki Sections

Software

Disable the Submit Button - jQuery

The following JavaScript/jQuery code demonstrates how to disable a submit button to avoid double submission. I've verified that this works on an ASP.NET <asp:Button> control only in IE7.

var uxSaveButton  = "span#SaveButton>input";
var uxStatusLabel = "span#StatusLabel>span";

$(document).ready(function() 
{ 
	$(uxSaveButton).click(uxSaveButton_Click);
});
function uxSaveButton_Click()
{
    $(uxStatusLabel).html("Please wait...");
    document.forms[0].submit();
    window.setTimeout("disableButton('" + window.event.srcElement.id + "')", 0);
}
function disableButton(buttonID) 
{
    document.getElementById(buttonID).disabled = true;
}