jquery防止按钮重复点击处理方式

最近做了很多关于按钮提交的业务,发现经常出现多次提交的现象,下面把我解决防止多次点击处理办法记录下:

eg:   <button id="comfirmButton" class="k-primary" > 通过 

      <a class="disqualificationBtn" href="#" id="refuseSubmit">拒绝</a>

处理方式1:

使用示例如下:

$("#comfirmButton").attr("disabled", false);

var href = "javascript:return false;"
$("#refuseSubmit").attr('href', href);
$("#refuseSubmit").removeAttr('onclick')

这种处理方式经常性达不到想要的效果。

处理方式2:

1:one方法

语法:$(selector).one(event,data,function);

使用示例:

$("#comfirmButton").one("click",function()

{ alert("one只能点击一次。");

});

2:unbind 方法

使用示例:

$("#refuseSubmit").bind("click",function(){ alert("unbind只能点击一次"); $(this).unbind('click'); });

处理方式3 标记法:
使用示例:

var isClick = true;
$("#comfirmButton").bind("click", function () {

if (isClick) {
isClick = false;
//做你想做的
}
setTimeout(function () {
isClick = true;
}, 1000);//一秒内不能重复点击
});

 

posted on 2018-12-17 11:39  Frank-  阅读(7725)  评论(2编辑  收藏  举报

导航