设定网页按扭在点击后不可用,避免重复提交.
2017-12-27 15:29
281 查看
开发环境: C# WEBFORM IIS6 VS2008
在WEB的实际开发中, 经常遇到查詢大量资料时, 查詢按钮被用户连续点击, 进而阻塞系统导致查詢变慢.因此需要一个机制, 在点击查詢按钮后, 将按钮无效化,防止被用户重复点击.
前台代码:
<html>
<head>
<script type="text/javascript" language="javascript">
function checkInput() {
var cus = document.getElementById("drpCust");
if (cus.value == "") {
alert("请选择查詢条件!");
return false;
}
return true;
}
</script>
</head>
<body>
<asp:Button ID="btnQueryByCust" runat="server" OnClick="btnQueryByCust_Click" Text="::查詢::" Width="70px" />
</body>
</htm>
后台代码:
btnQueryByCust.Attributes.Add("onclick", "if(checkInput()){this.disabled=true;" +ClientScript.GetPostBackClientHyperlink(btnQueryByCust,"") +" } else {return false;}");
在WEB的实际开发中, 经常遇到查詢大量资料时, 查詢按钮被用户连续点击, 进而阻塞系统导致查詢变慢.因此需要一个机制, 在点击查詢按钮后, 将按钮无效化,防止被用户重复点击.
前台代码:
<html>
<head>
<script type="text/javascript" language="javascript">
function checkInput() {
var cus = document.getElementById("drpCust");
if (cus.value == "") {
alert("请选择查詢条件!");
return false;
}
return true;
}
</script>
</head>
<body>
<asp:Button ID="btnQueryByCust" runat="server" OnClick="btnQueryByCust_Click" Text="::查詢::" Width="70px" />
</body>
</htm>
后台代码:
btnQueryByCust.Attributes.Add("onclick", "if(checkInput()){this.disabled=true;" +ClientScript.GetPostBackClientHyperlink(btnQueryByCust,"") +" } else {return false;}");
相关文章推荐
- JavaScript实现点击按钮后变灰避免多次重复提交
- 网页刷新的问题。避免数据重复提交。
- 如何避免新建的时候点击按钮重复提交ruby on rails
- 如何避免新建的时候点击按钮重复提交ruby on rails
- angularjs如何避免快速点击按钮,重复提交请求
- 提交按钮点击后变灰色(不能再点),页面处理完毕后变为正常,避免重复提交
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 设置按钮不可用避免重复提交
- JavaScript实现点击按钮后变灰避免多次重复提交
- 使用struts的同步令牌避免form的重复提交
- F5刷新网页时,出现了“如要再次显示该网页,web浏览器需要重新发送你以前提交的信息...要点击重试",如何不让出现这个对话框的解决方案
- 网页防刷新重复提交、防后退解决方法
- form表单避免重复提交
- 在客户端避免表单的重复提交
- JSP避免Form重复提交的三种方案
- Struts 2.x避免表单的重复提交——Token
- 避免F5刷新重复提交
- confirm多次点击确认,导致重复提交