Page History: Disable the Submit Button - jQuery

Compare Page Revisions

0 Current 0

« Older Revision - Back to Page History - Current Revision

Page Revision: Tue, Sep 15, 2009, 3:18 PM

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;
}