how to disable the button when submitting

1. Add a new hidden button. Make sure its diplay is none. set its width and height be same with the submit button.

<input id="btnSubmitHide" type="button" value="Submit&amp;Next" style="display: none; width: 120px" />

<asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" Text="Submit&amp;Next" Width="120px" OnClientClick="return SubmitAllInfo();" />

 

2. Add a js function.

function DisableSubmitButton() {

document.getElementById('MainContent_btnSubmit').style.display = 'none';

document.getElementById('btnSubmitHide').style.display = '';

document.getElementById('btnSubmitHide').disabled = true;

document.getElementById('btnSubmitHide').width = '120px';

}

3. Add the function to the submit button's OnClientClick.

4. Change the hidden button's display be normal. then you can check the two buttons in page. make sure there is no space between them. then change the display to be none. it is better to write them as a line.

<input id="btnSubmitHide" type="button" value="Submit&amp;Next" style="display: none; width: 120px" /><asp:Button ID="btnSubmit" runat="server" OnClick="btnSubmit_Click" Text="Submit&amp;Next" Width="120px" OnClientClick="return SubmitAllInfo();" />