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);
}
}
绑定事件即可调用
以上就是本文的全部内容了，小伙伴们拿到自己项目中测试下吧。
相关文章
这篇文章主要介绍了使用Bootstrap Tabs选项卡Ajax加载数据实现,以及遇到的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
关于javascript sort()排序你可能忽略的一点理解
最近在研究Javascript发现了其中一些之前忽略的问题，所以想着总结分享出来，下面这篇文章主要给大家介绍了关于javascript sort()排序你可能忽略的一点理解，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-07-07
《JavaScript高级程序设计》阅读笔记（一） ECMAScript基础
ECMAScript基础,主要包括语法,变量,关键字,保留字,原始值和引用值等2012-02-02
这篇文章主要为大家详细介绍了微信小程序实现点击效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
最近萌生了用ECMAScript6写一个轮播图的想法，以前就知道ECMAScript6，但是一直没有学，现在终于下决心学了，本篇文章会总结在实践中用到的ES6的知识。2016-08-08
这篇文章主要为大家详细解析了DOM中事件处理概览与原理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了深入理解javascript prototype的相关知识,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
打印gridview对于一些童鞋们真的是很陌生啊,不过没有关系，因为本文的出现，或让你茅塞顿开，好了话不多说，感兴趣的朋友可以了解下，或许对你学习js高级知识有所帮助2013-02-02
这篇文章主要介绍了详解小程序如何动态绑定点击的执行方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)
在web前端开发中js中的作用域，提升，闭包知识是经常用到的也是很容易混淆的知识点，接下来小编整理了本教程帮助大家学习2016-09-09
最新评论