重复点击的问题

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)
});
  

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


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

posted @ 2022-03-13 22:45  刘俊涛的博客  阅读(156)  评论(0)    收藏  举报