预防"提交"按钮的多次点击
来源:互联网 发布:聊天记录查询软件 编辑:程序博客网 时间:2024/05/21 03:26
Google,找到了一些代码,自己修改了一下。主要参考老猫'blog.
修改好的这个例子原理是提交后将按钮置于一定时间的无效状态.
仅能防止一些,因网速慢而心急的用户造成的误点击.
对于恶意的多次刷新而形成的多次提交还是没有办法解决.
(不过应该可通过页面的onbeforeunload事件解决)
参考 maison 'blog
public void page_load(Object obj,EventArgs e)
...{
btn.Attributes.Add("onclick","state=true;");
StringBuilder sb=new StringBuilder();
sb.Append("if (!state) return;");
sb.Append("var button=document.getElementById('btn');");
sb.Append("button.value=" Please Wait... ";");
sb.Append("document.body.style.cursor='wait';");
sb.Append("button.disabled=true;");
string strScript="<script>";
strScript=strScript +"var state=false;";
//将函数绑定到页面的onbeforeunload事件:
strScript=strScript +"window.attachEvent('onbeforeunload',function(){" +sb.ToString()+ "});";
strScript=strScript +"</"+"script>";
Page.RegisterStartupScript("onbeforeunload",strScript);
}
private void Submit_Click(Object sender, EventArgs e)...{
//模拟长时间的按钮处理
System.Threading.Thread.Sleep(3000);
Response.Write("<script>alert(xxx!!');"+"</"+"script>");
}
...{
btn.Attributes.Add("onclick","state=true;");
StringBuilder sb=new StringBuilder();
sb.Append("if (!state) return;");
sb.Append("var button=document.getElementById('btn');");
sb.Append("button.value=" Please Wait... ";");
sb.Append("document.body.style.cursor='wait';");
sb.Append("button.disabled=true;");
string strScript="<script>";
strScript=strScript +"var state=false;";
//将函数绑定到页面的onbeforeunload事件:
strScript=strScript +"window.attachEvent('onbeforeunload',function(){" +sb.ToString()+ "});";
strScript=strScript +"</"+"script>";
Page.RegisterStartupScript("onbeforeunload",strScript);
}
private void Submit_Click(Object sender, EventArgs e)...{
//模拟长时间的按钮处理
System.Threading.Thread.Sleep(3000);
Response.Write("<script>alert(xxx!!');"+"</"+"script>");
}
<asp:button id="btn" Text="Submit" OnClick="Submit_Click" runat="server"/>
修改好的这个例子原理是提交后将按钮置于一定时间的无效状态.
仅能防止一些,因网速慢而心急的用户造成的误点击.
对于恶意的多次刷新而形成的多次提交还是没有办法解决.
(不过应该可通过页面的onbeforeunload事件解决)
如何在用户关掉web浏览器窗口前, 进行相应的动作
参考 maison 'blog
长期以来, 做Web项目, 总会头疼这个问题.
用户不进行注销或者退出功能, 直接关闭了浏览器.
或者用户在进行输入操作时, 误点了一个链接, 跳转到其它页面, 造成输入数据的丢失.
今天发现了onbeforeunload事件,它是这样用的:
<script language="javascript">
g_blnCheckUnload = true;
function RunOnBeforeUnload() ...{
if (g_blnCheckUnload)
...{//注意异常的捕获
try...{
window.event.returnValue = 'You will lose any unsaved content';
}catch(e)...{}
}
}
</script>
<body onbeforeunload="RunOnBeforeUnload()">
</body>
g_blnCheckUnload = true;
function RunOnBeforeUnload() ...{
if (g_blnCheckUnload)
...{//注意异常的捕获
try...{
window.event.returnValue = 'You will lose any unsaved content';
}catch(e)...{}
}
}
</script>
<body onbeforeunload="RunOnBeforeUnload()">
</body>
这样每次关闭浏览器窗口或涮新页面时,都要触发onbeforeunload这个事件,这样可以对用户进行提示,避免不必要的遗憾。
我上网又查了一些这个事件的用法,感觉还是http://www.surfchen.org/?p=54这篇写得最清楚了,摘抄如下:
onbeforeunload事件:
注:三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。
用法:
object.onbeforeunload = handler <element onbeforeunload = “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
- 预防"提交"按钮的多次点击
- 预防"提交"按钮的多次点击
- 预防"提交"按钮的多次点击-onbeforeunload事件
- 预防"提交"按钮的多次点击-onbeforeunload事件
- 预防按钮的多次点击
- 预防按钮的多次点击
- 预防按钮的多次点击【恶意刷新】
- 预防按钮的多次点击【恶意刷新】
- 预防按钮的多次点击【恶意刷新】
- 预防按钮的多次点击【恶意刷新】
- 预防按钮的多次点击(恶意刷新)
- 关于表单提交按钮多次点击多次触发的解决方法
- 防止form表单提交按钮多次点击导致提交多次
- 防止用户多次点击按钮导致页面被多次提交
- 按钮的多次点击事件
- 防止按钮被快速多次点击,从而导致绑定点击事件的js方法ajax多次提交
- Swift 防止快速连续点击"提交"按钮,造成多次提交
- 关于WinForm框架中点击按钮时存在的多次提交问题的解决方法
- Java-初始化问题
- GroupWinsockListenTest.vbg - Winsock TCP C/S 网络程序编写 事例 - VB6 + Winsock - HackerJLY
- TabBar的用法
- 图片处理的常用方法
- nslookup 命令详解
- 预防"提交"按钮的多次点击
- 2008年3月15日工作日记
- Symbian学习笔记(5):加载JPEG图像的方法
- setsockopt 设置socket
- 操作符重载手册(转)
- 左邻接查询
- 记录实习生活(3)
- Kernel下检测还原正确的SSDT
- 回溯法