JS脚本实现避免页面按钮重复提交的方法
来源:绵阳动力网络公司  时间:2015-01-09  阅读:29

专业网站建设公司绵阳动力网络公司为你介绍关于“JS脚本实现避免页面按钮重复提交的方法”的内容,绵阳网站建设电话:0816-2318288。

很多时候我们都需要防止重复提交,这方面的文章也比较多,实现的途径差别也很大.因为有些时候即使服务器能够识别重复的提交,也会造成问题.比如需要很长等待时间的操作,在首次提交后,不断重复提交,页面可能会死掉.用脚本来控制的话可以防止这种问题.

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);
            }
        }

 
  • 电话咨询

  • 0816-2318288