jquery 防止多次提交，全局策略

 微信扫一扫关注个公众号。谢谢各位

 

<button type="button" class="btn btn-primary" id="addBtn" initdisabled>保存</button>

为要提交的按钮，增加一个属性。我这边起名是initdisabled

 

定义一个工具类。绑定事件的。

var EventUtils = {
    add:function(ele,type,callback){
       var ele = ele[0]//这样的做法是：jquery元素转js元素。
        if(ele.addEventListener){
            ele.addEventListener(type,callback,false)
        }else if(ele.attachEvent){
            ele.attachEvent('on'+type,callback)
        }else{
            ele['on'+type] = callback;
        }
    }

}

 

EventUtils.add($('[initdisabled]'),'click',function(){

$('[initdisabled]').attr("disabled","disabled");

//设置6秒钟进行按钮恢复。具体时间，可以根据业务走
    setTimeout(function(){
        $('[initdisabled]').removeAttr("disabled");
    },6000)

})

可以为上面两个事件，封装在js中。进行页面引用。

例如：

$(function(){

var EventUtils = {
    add:function(ele,type,callback){
       var ele = ele[0]//这样的做法是：jquery元素转js元素。
        if(ele.addEventListener){
            ele.addEventListener(type,callback,false)
        }else if(ele.attachEvent){
            ele.attachEvent('on'+type,callback)
        }else{
            ele['on'+type] = callback;
        }
    }

}

EventUtils.add($('[initdisabled]'),'click',function(){

$('[initdisabled]').attr("disabled","disabled");

//设置6秒钟进行按钮恢复。具体时间，可以根据业务走
    setTimeout(function(){
        $('[initdisabled]').removeAttr("disabled");
    },6000)

})

})

只要引用下。按钮加上initdisabled属性，就可以做全局的了。