防止重复提交js代码

代码如下

复制代码

<html xmlns="http://www.111cn.net/1999/xhtml">
<head runat="server">
<script type="text/网页特效">
var date = new array();
function disablebutton(button, validategroup)
{
date.push(new date());
if (date.length > 1
&& (date[date.length - 1].gettime() - date[date.length - 2].gettime() < 1000))//小于1秒则认为重复提交
{
event.cancelbubble = true; //测试时发现，如果直接单独设置cancelbubble、或者returnvalue来取消事件，经常取消不了，依然存在重复提交的可能。因此只好用返回值来实现手工控制！
return false;
}
if (typeof (page_clientvalidate) == 'function'
&& ((validategroup == undefined && page_clientvalidate() == false)
|| (validategroup != undefined && page_clientvalidate(validategroup) == false)))
{ //如果指定了validategroup，则只验证改组；如果未指定，则验证全部验证控件
return false;
}

button.disabled = true;
return true;
}

function doubleclick()
{
var button1 = document.getelementbyid('btnpostback1');
button1.onclick();
button1.onclick();
}
</script>
</head>
<body>
<form id="form" runat="server">
<div>
<asp教程:textbox runat="server" id="tbxinput1"></asp:textbox>
<asp:requiredfieldvalidator id="requiredfieldvalidator1" runat="server" controltovalidate="tbxinput1"
validationgroup="group1" errormessage="*"></asp:requiredfieldvalidator>
<asp:button runat="server" id="btnpostback1" text="按我1" usesubmitbehavior="false"
validationgroup="group1" onclientclick="if(!disablebutton(this, 'group1')) return false;" onclick="btnpostback_click">
</asp:button>
</div>
<div>
<asp:textbox runat="server" id="tbxinput2"></asp:textbox>
<asp:requiredfieldvalidator id="requiredfieldvalidator2" runat="server" controltovalidate="tbxinput2"
validationgroup="group2" errormessage="*"></asp:requiredfieldvalidator>
<asp:button runat="server" id="btnpostback2" text="按我2" usesubmitbehavior="false"
onclientclick="if(!disablebutton(this)) return false;" onclick="btnpostback_click">
</asp:button>
</div>
<input type="button" onclick="doubleclick();" value="点击一次，模拟连续点击'按我1'两次" />
</form>
</body>
</html>

时间： 2024-10-09 18:14:52

防止重复提交js代码

防止重复提交js代码的相关文章

删除重复字符js代码

js防止表单重复提交实现代码_javascript技巧

通过JS在客户端限止用户重复提交的代码

防止表单重复提交实现代码

struts2 防止重复提交实例代码

三款禁止回车提交js代码

真正解决表单重复提交问题php代码

JSP学习之------&gt;客户端防表单重复提交和服务器端session防表单重复提交

防止重复提交仅提交一次的终极绝杀技_实用技巧