这里提供两种不同情况下的阻止重复点击解决方案。
- 按钮BUTTON类
- a标签类
- 在js里设置全局变量,提交后修改该变量的值,依据变量的值判断是否重复提交
对于第一类情况,button有一个属性是disabled控制其是否可以点击,看代码:
<input type="button" value="Click" id="subBtn"/>
<script type="text/javascript">
function myFunc(){
//code
//执行某段代码后可选择移除disabled属性,让button可以再次被点击
$("#subBtn").removeAttr("disabled");
}
$("#subBtn").click(function(){
//让button无法再次点击
$(this).attr("disabled","disabled");
//执行其它代码,比如提交事件等
myFunc();
});
</script>
第二类情况,可以使用按钮或链接的click事件来执行预期的单击动作,然后将事件处理重定向,以阻止其余的点击。
<a href="javascript:;" onclick="return funcOne();" >点击</a>
<script type="text/javascript">
function funcOne(){
alert("Click the button!");
//点击一次后把funcTwo赋给funcOne,funcTwo是一个什么也不执行的函数,因此再次点击不执行任何操作
funcOne=funcTwo;
return false;
}
function funcTwo(){
return false;
}
</script>
第三类 在js里设置全局变量,提交后修改该变量的值,依据变量的值判断是否重复提交
var flag=true;
function checkForm(){
if (flag==false){
return;
}
flag=false;
document.form1.submit();
}
相关推荐
当大量用户同时在线访问该站点时,应用程序服务器出现CPU占用100%的糟糕状况,页面会卡住不动,用户不明情况连续点击提交按钮重复提交,造成数据库中出现大量的重复数据。 其实,即便服务器没有崩掉,快速频繁点击...
当检测到一模一样的文章标题时,将会显示警告通知,如果在已经存在相同标题的情况下还点击『发布』按钮的话,该插件将会阻止我们发布,并将该篇文章存放到草稿中,等到我们编辑文章标题并确保其实唯一之后才能成功...
另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。 onclick事件里面执行 $(this).attr(‘disabled’,’disabled’); 在点击一次后立马将按钮设置为...
不考虑预期响应慢的情况,一定要连续多次重复发送xhr请求,多次重复点击提交按钮。 处理方式? 1.先行拦截xhr请求,如果请求未完成,此时如果又有相同的xhr请求,则取消掉此请求。如何确定是否为相同请求,简单的...
防止重复提交,通用的思路,就是当用户点击提交按钮后,在浏览器中用JS将按钮disable掉,从而阻止用户继续点击该按钮,实现防止重复提交的目的。网上防止重复提交的文章已经不少了,为啥我还要写呢,显然我不是吃饱...
单击“高级”选项卡→点击“还原高级设置”按钮,最后,单击“确定”按钮关闭对话框。 3.在“安全”选项卡上,选择“Internet”图标,点击“默认级别”,再按一下“应用”,对 “受限制的站点”和“受信任的站点...
点击“新增”按钮,增加客户信息,系统自动生成客户编号,然后显示所有客户信息; 客户编号生成的规则为:注册客户的年、月、日+客户序号(00000)。 输出:增加的所有客户信息 异常信息:出现异常新增中出现了重复...
[更新列表] ------------------------------------------------------------------------------------------------ v2.1.1 ... 2、 增加yesClose参数,用于阻止对话框点击确定后自动关闭 v2.0.0 ...
9.4当点击单选按钮的时候执行一个动作 9.5检查一个有效的电话号码 9.6取消表单提交 9.7阻止重复表单提交 9.8隐藏和显示表单元素 9.9根据其他表单选择修改一个选项列表 第10章调试和错误处理 10.0...
第一步:一般情况下,网吧的网管程序客户端在电脑右下角的拖盘区都会有一个图标,点击它时会弹出相 应的窗口,我们记住这个图标. 第二步:打开防锁专家,转到进程管理选项卡,选择记下的图标所在的进程行,可能不只1个,...
在基于Windows 2000网络中,活动目录(Active Directory)是它的核心。活动目录是一个分布式的目录服务。网络信息可以分散在多台不同的计算机上,保证快速访问和容错;同时不管用户从何处访问或信息处在何处,对用户都...
* 修正: 当 "另存为"、并在文件名称输入框点击鼠标右键时, 弹出英文菜单的问题 (详见下) [0427] * 修正: 参数设置素材目录一处翻译错误 [0315] * 修正: '首选项'->'常规' 的 '使用 TR1 正则表达式' 选项显示位置不...
* 修正: 当 "另存为"、并在文件名称输入框点击鼠标右键时, 弹出英文菜单的问题 (详见下) [0427] * 修正: 参数设置素材目录一处翻译错误 [0315] * 修正: '首选项'->'常规' 的 '使用 TR1 正则表达式' 选项显示位置不...
2.0.3.4020 RC更新: [新增功能] + 新的安全监控: 此功能可以阻止网页木马,恶意插件透过系统漏洞在用户电脑上执行。把浏览器的安全能力再次提高一个台阶。 + 新的截图程序: 新的截图功能操作更简单...
2.0.3.4020 RC更新: [新增功能] + 新的安全监控: 此功能可以阻止网页木马,恶意插件透过系统漏洞在用户电脑上执行。把浏览器的安全能力再次提高一个台阶。 + 新的截图程序: 新的截图功能操作更简单...
由于安全问题,可能会阻止某些脚本,图像和其他资源。 - 在主窗口中添加了扩展版本。 #v0.3 - 主要的UI检修。 - 扩展名不会重复历史记录中的条目。 - 向标题添加清除所有按钮,并形成正文部分。 - Ctrl + ...
3. "设置/压缩" 对话框的 "从解压路径移除重复的文件夹" 选项被更普遍的 "从解压的 路径中移除多余的文件夹" 选项代替。如果你使用右键关联菜单的 "解压到 DestName\" 命令解压一个压缩文件,并且压缩文件的根目录仅...
创建可点击的链接186 兼容HTML5及hashbang模式186 链接外部页面187 组织路由定义187 将路由定义分离到多个模块188 减少路由定义的重复代码188 66总结189 第7章安全191 71提供服务端认证和授权192 处理未...
点击压缩对话框的“高级”页面的“压缩...”按钮来访问它。 你也可以在默认压缩配置中永久修改此选项; 命令行模式中可以使用 -mct 开关启用文本压缩; d) “最快”(-m1) 压缩模式现在也支持多处理器核心。4.11 ...
允许在DeviantArt上按用户,标签和/或类别对可配置的偏差进行过滤/删除概述您曾经想在浏览DeviantArt时阻止/过滤偏差(又名提交)吗? 好吧,现在您可以! 只需从Chrome网上应用店安装DeviantArt过滤器,然后开始按...