预防"提交"按钮的多次点击－onbeforeunload事件

预防"提交"按钮的多次点击

Google,找到了一些代码,自己修改了一下。主要参考老猫'blog.


publicvoidpage_load(Objectobj,EventArgse)
{
btn.Attributes.Add("onclick","state=true;");
StringBuildersb=newStringBuilder();
sb.Append("if(!state)return;");
sb.Append("varbutton=document.getElementById('btn');");
sb.Append("button.value=\"PleaseWait...\";");
sb.Append("document.body.style.cursor='wait';");
sb.Append("button.disabled=true;");

stringstrScript="<script>";
strScript=strScript+"varstate=false;";

//将函数绑定到页面的onbeforeunload事件:
strScript=strScript+"window.attachEvent('onbeforeunload',function(){"+sb.ToString()+"});";
strScript=strScript+"</"+"script>";
ClientScriptManager cs = Page.ClientScript;
cs.RegisterStartupScript(this.GetType(), "onbeforeunload", strScript);
}

privatevoidSubmit_Click(Objectsender,EventArgse){
//模拟长时间的按钮处理
System.Threading.Thread.Sleep(3000);
Response.Write("<script>alert(xxx!!');"+"</"+"script>");

}


<asp:buttonid="btn"Text="Submit"OnClick="Submit_Click"runat="server"/>


修改好的这个例子原理是提交后将按钮置于一定时间的无效状态.
仅能防止一些,因网速慢而心急的用户造成的误点击.
对于恶意的多次刷新而形成的多次提交还是没有办法解决.
(不过应该可通过页面的onbeforeunload事件解决)

如何在用户关掉web浏览器窗口前,进行相应的动作 参考maison 'blog

长期以来,做Web项目,总会头疼这个问题. 用户不进行注销或者退出功能,直接关闭了浏览器. 或者用户在进行输入操作时,误点了一个链接,跳转到其它页面,造成输入数据的丢失. 今天发现了onbeforeunload事件，它是这样用的： <scriptlanguage="javascript"> g_blnCheckUnload=true; function RunOnBeforeUnload() { if (g_blnCheckUnload) 　　　{//注意异常的捕获 　　　　　try{ 　　　　　　 window.event.returnValue = 'You will lose any unsaved content'; }catch(e){} 　} } </script> <bodyonbeforeunload="RunOnBeforeUnload()"> </body> 这样每次关闭浏览器窗口或涮新页面时，都要触发onbeforeunload这个事件，这样可以对用户进行提示，避免不必要的遗憾。 我上网又查了一些这个事件的用法，感觉还是http://www.surfchen.org/?p=54这篇写得最清楚了，摘抄如下： onbeforeunload事件： 注：三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。 用法： object.onbeforeunload=handler<elementonbeforeunload=“handler”…></element>描述： 事件触发的时候弹出一个有确定和取消的对话框，确定则离开页面，取消则继续待在本页。 handler可以设一个返回值作为该对话框的显示文本。 触发于： 关闭浏览器窗口 通过地址栏或收藏夹前往其他页面的时候 点击返回，前进，刷新，主页其中一个的时候 点击 一个前往其他页面的url连接的时候 调用以下任意一个事件的时候：click，document write，document open，document close，window close ，window navigate ，window NavigateAndFind,location replace,location reload,form submit. 当用window open打开一个页面，并把本页的window的名字传给要打开的页面的时候。 重新赋予location.href的值的时候。 通过input type=”submit”按钮提交一个具有指定action的表单的时候。 可以用在以下元素： BODY, FRAMESET, window