如何解决如何防止用户两次单击按钮？
| 我有一个旧的ASP.NET Web表单应用程序（.NET 2.0），当单击一个按钮时，该过程需要30秒钟左右的时间才能运行。我需要防止两次单击该按钮。这将防止两次发布，从而导致数据库中的数据重复。 我尝试添加；OnClientClick=\"this.disabled=\'true\';\"
解决方法
您必须在OnClientClick之后返回true：
OnClientClick=\"this.disabled=\'true\';return true;\"
<asp:Button runat=\"server\" ID=\"btnSave\"
Text=\"Save\" OnClick=\"btnSave_Click\"
OnClientClick=\"if (!Page_ClientValidate()){ return false; } this.disabled = true; this.value = \'Saving...\';\"
UseSubmitBehavior=\"false\" />
UseSubmitBehavior
false
OnClientClick=\"if(this.value === \'Saving...\') { return false; } else { this.value = \'Saving...\'; }\"
window.onbeforeunload
<script type = \"text/javascript\">
function DisableButton() {
document.getElementById(\"<%=Button1.ClientID %>\").disabled = true;
}
window.onbeforeunload = DisableButton;
</script>
/// <summary>
/// Avoid multiple submit
/// </summary>
/// <param name=\"button\">The button.</param>
/// <param name=\"text\">text displayed on button</param>
public void AvoidMultipleSubmit(Button button,string text=\"wait...\" )
{
Page.ClientScript.RegisterOnSubmitStatement(GetType(),\"ServerForm\",\"if(this.submitted) return false; this.submitted = true;\");
button.Attributes.Add(\"onclick\",string.Format(\"if(typeof(Page_ClientValidate)==\'function\' && !Page_ClientValidate()){{return true;}}this.value=\'{1}\';this.disabled=true;{0}\",ClientScript.GetPostBackEventReference(button,string.Empty),text));
}
<script type=\"text/javascript\">
jQuery(function ($) {
/*
* Prevent Double Submit
* ---------------------
* Disables submit buttons during form submission and asp async postbacks
*/
// class name assigned to disabled :submit elements
var disabledClass = \'asp-postback-disable\';
// selector for buttons and other elements that may cause a postback
var submittableSelector = [
\'a[href^=\"javascript:__doPostBack\"]\',\':submit\'
].join(\",\");
// returns false; used to prevent event bubbling
function returnFalse() { return false; }
// logs errors
function error(ex) {
if (typeof console === \'object\' && console.error != null) {
console.error(\'Prevent Double Submit Error:\',ex);
}
}
// disables :submit elements
function disableSubmit() {
try {
$(submittableSelector,\'form\')
.addClass(disabledClass)
.on(\'click.asp-postback-disable\',returnFalse);
}
catch (ex) { error(ex); }
}
// enables :submit elements
function enableSubmit() {
try {
$(\'.asp-postback-disable,\' + submittableSelector,\'form\')
.removeClass(disabledClass)
.off(\'click.asp-postback-disable\',returnFalse);
}
catch (ex) { error(ex); }
}
// Handle async postbacks
if (typeof Sys === \'object\') {
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_beginRequest(function (s,e) { disableSubmit(); });
prm.add_endRequest(function (s,e) { enableSubmit(); });
}
else {
error(\'Sys is undefined.\');
}
// Handle navigation (eg,Full postback)
$(window).bind(\'beforeunload\',function (e) {
disableSubmit();
});
});
</script>
<style type=\"text/css\">
.asp-postback-disable { opacity: 0.25; }
</style>
$(\'form\').submit(function () {
$(\'input[type=submit][data-loading]\').addClass(\'disabled\');
if ($(this).data(\'submitted\') == true) {
$(\'input[type=submit][data-loading]\').attr(\'disabled\',\'disabled\');
return false;
}
$(this).data(\'submitted\',true);
});
//Declaring the string to hold the script
string doubleClickScript = @\"<script type=\'text/javascript\'>
function DisableButton() {
document.getElementById(\'YOURBUTTONID\').disabled = true;
}
window.onbeforeunload = DisableButton;
</script>\";
//Injecting the script to the aspx page.
ClientScript.RegisterStartupScript(this.GetType(),\"DoubleClickScript\",doubleClickScript);
<asp:Button ID=\"btnSubmitQuote\" class=\"btn btn-red btn-block\" runat=\"server\" Text=\"Submit Quote\" style=\"display:none;\" OnClick=\"btnSubmitQuote_Click\" UseSubmitBehavior=\"false\" />
<button id=\"btnSubmitQuoteClient\" class=\"btn btn-red btn-block\" onclick =\"disableBtn(this);\">Submit Quote</button>
<script type=\"text/javascript\">
function disableBtn(t) {
t.setAttribute(\'disabled\',\'disabled\');
var btn = document.getElementById(\'<%=btnSubmitQuote.ClientID %>\');
btn.click();
}
$(document).on(\'submit\',\'form\',function (e) {
$(\"input.SubmitButton\").hide();
// or change if to an loading gif image.
return true;
});
btnSubmit.Attributes.Add(\"onclick\",\" this.disabled = true; \" + ClientScript.GetPostBackEventReference(btnSubmit,null) + \";\");
OnClientClick=\"this.width=0;\"
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。