柚子快报邀请码778899分享:重复点击的问题

http://yzkb.51969.com/

layui 防止多次点击重复提交

$("#dssubmit").click(function(){

let chooseFile = $("#fileTips").html()

if(!chooseFile){

layer.msg('请先上传文件', {icon: 2}); //简单提示

return

}

//点击成功之后立即不能点击导入

let DISABLED = 'layui-btn-disabled'

$("#dssubmit").addClass(DISABLED)

$("#dssubmit").attr('disabled','disabled')

setTimeout(function() {

// console.log(DISABLED)

$("#dssubmit").removeClass(DISABLED)

$("#dssubmit").removeAttr('disabled')

}, 5000);//5秒后才能点击

})

-----------------------------------

//解决重复点击的问题

layer.confirm('确定?', {

btn: ['按钮一']

}, function(index, layero){

//按钮【按钮一】的回调

layui.$('#layui-layer'+index).find('.layui-layer-btn0').prop('disabled',true).css("pointer-events","none").addClass('layui-disabled');

//该JS会把该按钮属性变成禁止点击。

// 或者直接关闭confirm提示层

//layer.close(index)

});

文章来源:刘俊涛的博客 欢迎关注公众号、留言、评论,一起学习。

若有帮助到您,欢迎捐赠支持,您的支持是对我坚持最好的肯定(_)

柚子快报邀请码778899分享:重复点击的问题

http://yzkb.51969.com/

推荐链接

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。