layUI form表單 防止多次點擊重復提交

//監聽 彈框-變更處理備注-提交

        form.on('submit(popFormSubPass)', function (data) {

            //防止重復點擊: 單擊之后提交按鈕不可選,防止重復提交

            var DISABLED = 'layui-btn-disabled';

            $(':button').addClass(DISABLED); // 添加樣式

            $(':button').attr('disabled', 'disabled');  // 添加屬性

 

請求響應失敗移除樣式,可再次提交

layer.msg(response.msg, {icon: 5});

    //移除禁止提交狀態

    $(':button').removeClass(DISABLED);

    $(':button').removeAttr('disabled');

 

    $("#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');
// 或者直接關閉confirm提示層
//layer.close(index)
});

執行后彈出以下界面：

 

 

layui.$('#layui-layer'+index).find('.layui-layer-btn0').prop('disabled',true).css("pointer-events","none").addClass('layui-disabled');該JS會把該按鈕屬性變成禁止點擊。

layer.close(index) 該JS是你點擊按鈕執行后直接關閉confirm層，從而不會讓你有機會點第二下

在這里我用的第二個JS直接關閉。不會讓測試有機會點到第二下