我是靠谱客的博主 害羞板栗,最近开发中收集的这篇文章主要介绍javascript实现避免页面按钮重复提交,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

复制代码 代码如下:

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实现避免页面按钮重复提交的全部内容,希望文章能够帮你解决javascript实现避免页面按钮重复提交所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(153)

评论列表共有 0 条评论

立即
投稿
返回
顶部