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

最新推荐文章于 2022-08-09 11:42:58 发布

转载最新推荐文章于 2022-08-09 11:42:58 发布 · 801 阅读

·

0

·

文章标签：

#浏览器 #function #javascript #firefox #opera #button

ASP.net 同时被 2 个专栏收录

43 篇文章

订阅专栏

10 篇文章

订阅专栏

本文介绍了一种在ASP.NET中防止表单重复提交的方法，通过在页面加载时设置按钮状态并在提交时禁用按钮来实现。此外，还讨论了如何利用onbeforeunload事件来警告用户未保存的更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Google,找到了一些代码,自己修改了一下。主要参考老猫'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>");

}

<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>

这样每次关闭浏览器窗口或涮新页面时，都要触发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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。