按钮多次点击任务却执行多次。如何屏蔽
在我做处理的一个页面,用LinkButton做处理,当用户连续点击多次该按钮时,事件却被执行多次,比如说发布文章,同样的文章在一秒内可以发布两次。
我做了如下处理,在linkButton在触发后在其LinkButton1_Click时间先将其设为Enabled,但事实上没有效果,可能是事件还没有发送到服务端又开始第二次触发,
如何避免这种问题呢
谢谢
[解决办法]
此处提供的代码用来实现当asp.net页面中的某个Button被点击后disable掉该页面中所有的Button,从而防止提交延时导致的多次提交。基于之前的onceclickbutton脚本.
<script language= "javascript ">
<!--
function disableOtherSubmit()
{ var obj = event.srcElement;
var objs = document.getElementsByTagName( 'INPUT ');
for(var i=0; i <objs.length; i++)
{
if(objs[i].type.toLowerCase() == 'submit ')
{
objs[i].disabled = true;
}
} }
//-->
</script> public class PreventMultiClick : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.Button Button2;
protected System.Web.UI.WebControls.LinkButton LinkButton1;
protected System.Web.UI.WebControls.Button Button3;
private void Page_Load(object sender, System.EventArgs e)
{
this.GetPostBackEventReference(this.Button3); //保证 __doPostBack(eventTarget, eventArgument) 正确注册
if(!IsPostBack)
{
System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append( "if (typeof(Page_ClientValidate) == 'function ') { if (Page_ClientValidate() == false) { return false; }} "); //保证验证函数的执行
sb.Append( "if(window.confirm( 'are you sure? ')==false) return false; "); //自定义客户端脚本
sb.Append( "disableOtherSubmit(); "); // disable所有submit按钮
sb.Append(this.GetPostBackEventReference(this.Button3)); //用__doPostBack来提交,保证按钮的服务器端click事件执行
sb.Append( "; ");
Button3.Attributes.Add( "onclick ",sb.ToString());
}
}
#region Web Form Designer generated code
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: This call is required by the ASP.NET Web Form Designer.
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// Required method for Designer support - do not modify
/// the contents of this method with the code editor.
/// </summary>
private void InitializeComponent()
{
this.Button3.Click += new System.EventHandler(this.Button3_Click);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void Button3_Click(object sender, System.EventArgs e)
{
System.Threading.Thread.Sleep(3000);
Response.Write( "Hello world! ");
}
[解决办法]
用户点击提交按钮后用JS代码将提交按钮禁用掉!这样用户就不能多次点击按钮了!
[解决办法]
这个要用客户端脚本把button的enable设为false
在pageload里写
this.Button1.Attributes[ "onclick "] = this.GetPostBackEventReference(this.Button1)+ ";this.disabled=true; ";
[解决办法]
方法太多了,服务端、客户端,Cookie、Session、ViewState这些都能为你提供辅助。
[解决办法]
页面上
<input id= "Button1 " type= "button " onclick= "this.disabled=true; " value= "提交 " onserverclick= "Button1_ServerClick " runat= "server " />
后台代码
数据处理完成后
Page.RegisterStartupScript( "enBtn ", " <script> document.getElementById( 'Button1 ').disabled=false; </script> ");
[解决办法]
最保险的做法 还应该在服务器端 使用Session来保存 状态
数据处理前
if(Session[ "submited "] != null)
{
return;
}
else
{
Session[ "submited "] = "submited ";
//...数据处理后
Session[ "submited "] = null;
Page.RegisterStartupScript( "enBtn ", " <script> document.getElementById( 'Button1 ').disabled=false; </script> ");
}
[解决办法]
给你一个思路,我们现在的系统就是模仿Gmail的风格,在点击button的通知,给页面上覆盖一个层,执行完成后,层才会消失
这样就禁止用户在点击一次btn之后,重复点击。
[解决办法]
试试我这段code
用JS定义一个合局变量。
<input type= "submit " name= "btnSubmit " value= "Submit " onclick= "javascript:Check(); " language= "javascript " id= "btnSubmit " class= "btn " />
<script language= 'javascript '>
var submitCounter=0;
function Check()
{
if (++submitCounter> 1)
{
alert( 'An attempt was made to submit this form more than once; this extra attempt will be ignored. ');
}
return (submitCounter==1);
}
</script>
这样可以避免重复提交
给分吧.LZ