javascript实现避免页面按钮重复提交

2019-12-18,,,

复制代码 代码如下:
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);
            }
        }

绑定事件即可调用

以上就是本文的全部内容了,小伙伴们拿到自己项目中测试下吧。

您可能感兴趣的文章:

  • jsp 重复提交问题
  • AJAX避免用户重复提交请求实现方案
  • js防止表单重复提交的两种方法
  • js控制再次点击按钮之间的间隔时间可防止重复提交
  • JSP使用自定义标签防止表单重复提交的方法
  • JSP针对表单重复提交的处理方法
  • JS Ajax请求如何防止重复提交

《javascript实现避免页面按钮重复提交.doc》

下载本文的Word格式文档,以方便收藏与打印。