javascript实现避免页面按钮重复提交
编程学习 2021-07-04 21:47www.dzhlxh.cn编程入门
很多时候我们都需要防止重复提交,这方面的文章也比较多,实现的途径差别也很大.因为有些时候即使服务器能够识别重复的提交,也会造成问题.比如需要很长等待时间的操作,在首次提交后,不断重复提交,页面可能会死掉.用脚本来控制的话可以防止这种问题.
代码如下:
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 动态创建表格
下一篇：Node.js 制作实时多人游戏框架