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)
});
文章来源:刘俊涛的博客 欢迎关注公众号、留言、评论,一起学习。
若有帮助到您,欢迎捐赠支持,您的支持是对我坚持最好的肯定(_)