• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

防止ASP.NET按钮多次提交的办法及延伸

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

防止按钮多次提交就是在点击按钮后设置this.disabled=true,在ASP.NET中可以很简单的实现:直接修改按钮属性OnClientClick属性为OnClientClick=“this.disabled=true;”。

btnUpload.OnClientClick = "this.disabled=true;";

但是,我发现仅仅设置这个属性的话,有些情况(具体什么原因不清楚,但我确实遇到过)点击按钮以后会发现按钮变灰了,却没有提交。如何提交呢?

btnOK.UseSubmitBehavior = false;

MSDN对于UseSubmitBehavior及GetPostBackEventReference的描述。

使用 UseSubmitBehavior 属性来指定 Button 控件使用客户端浏览器的提交机制还是 ASP.NET 回发机制。默认情况下,此属性的值为 true,从而导致 Button 控件使用浏览器的提交机制。如果指定为 false,则 ASP.NET 页框架将客户端脚本添加到页面,以将窗体发送到服务器。

UseSubmitBehavior 属性为 false 时,控件开发人员可以使用 GetPostBackEventReference 方法来返回 Button 的客户端回发事件。GetPostBackEventReference 方法返回的字符串包含客户端函数调用的文本,可以插入到客户端事件处理程序中。

使用ASP.NET回发机制的时候可以使用GetPostBackEventReference获取到调用回发的文本,就是__doPostBack函数的调用,这样就可以用JS控制提交,如提交前设置按钮为不可用状态:

protected void Page_Load(object sender, EventArgs e)
{
    btnUpload.Attributes.Add("onclick", "this.disabled=true;" + 
	this.ClientScript.GetPostBackEventReference(btnUpload, ""));
}

当然了,我仅仅是举个例子这段代码和上面直接修改OnClientClick效果是一样的,因为生成的HTML是完全一样的,而第二种方法覆盖onclick,多了一步,如非特殊情况,还是直接使用第一种方法。

在注册的时候需要使用防止重复提交,但是如果直接写this.disabled=true的话,验证失败一次就没法点提交按钮了,这时候需要在验证成功提交之前加上disabled=true。如果是自己写的验证方法,在return true之前加上即可。如果使用了验证控件(不包括CustomValidator),写法如下:

btnOK.OnClientClick = "if(Page_ClientValidate()){this.disabled=true;}";

还可以在点提交按钮之后过段时间再重新激活按钮:

btnOK.OnClientClick = "this.disabled=true;setTimeout(\"document.getElementById('" + btnOK.ClientID + "').disabled=false;\",5000);";

PS:可以直接在页面上添加以上属性,这样可以在修改后不必重新编译。


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap