javascript实现避免页面按钮重复提交
更新时间：2015年01月08日 10:56:51 投稿：hebedich
很多时候我们都需要防止重复提交,这方面的文章也比较多,实现的途径差别也很大.因为有些时候即使服务器能够识别重复的提交,也会造成问题.比如需要很长等待时间的操作,在首次提交后,不断重复提交,页面可能会死掉.用脚本来控制的话可以防止这种问题.
复制代码 代码如下:
function preventAjax(obj,num){
obj.disabled = true;
var num = num;
var types =obj.type;
if(types == 'submit'){
var text = obj.value;
var time1 = setInterval(function(){
obj.value = num;
num--;
if(obj.value <= 0 ){
clearInterval(time1);
obj.disabled = false;
obj.value = text;
}
},1000);
}else{
var text = obj.innerHTML
var time1 = setInterval(function(){
obj.innerHTML = num;
num--;
if(obj.innerHTML <= 0 ){
clearInterval(time1);
obj.disabled = false;
obj.innerHTML = text;
}
},1000);
}
}
绑定事件即可调用
以上就是本文的全部内容了，小伙伴们拿到自己项目中测试下吧。
相关文章
Javascript对象中关于setTimeout和setInterval的this介绍
Javascript对象中关于setTimeout和setInterval的this介绍，需要的朋友可以参考下2012-07-07
文章主要介绍了梳理总结JavaScript的23个String方法,JavaScript 中的String类型用于表示文本型的数据。它是由无符号整数值作为元素而组成的集合,更多详细内容需要的朋友可以参考一下2022-07-07
JavaScript中Array数组常用方法(附上相应的用法及示例)
这篇文章主要给大家介绍了关于JavaScript中Array数组常用方法,文中附上相应的用法及示例,需要的朋友可以参考下2024-01-01
很多的新手朋友们对js中的时间格式与时间戳的转换比较陌生，下面就为大家详细介绍下具体的转换步骤，感兴趣的朋友可以参考下2013-12-12
渲染真实DOM的开销很大，有时候我们修改了某个数据，直接渲染到真实dom上会引起整个dom树的重绘和重排。我们希望只更新我们修改的那一小块dom，而不是整个dom，diff算法就帮我们实现了这点。diff算法的本质就是：找出两个对象之间的差异，目的是尽可能做到节点复用2022-12-12
在理解vue底层响应式原理时，了解到，原来对象中的属性，不单单从表面看起来那么简单是key:value形式，而是还有隐藏的内部特性，其中对象内的属性分为两种类型的属性：数据属性和访问器属性，本文将给大家详细介绍一下数据属性和访问器属性,需要的朋友可以参考下2023-05-05
这篇文章主要给大家介绍了关于利用jsonp与代理服务器方案解决跨域问题的相关资料，文中通过示例代码给大家介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-09-09
本文介绍了如何通过装饰器实现GET请求,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2024-10-10
这篇文章主要为大家详细介绍了JavaScript周期性获取短信验证码的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
今天小编就为大家分享一篇layui按条件隐藏表格列的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论