【layui】一個簡單的防止頁面重復提交的方法

基本思路是：點擊提交按鈕后彈出遮罩層，防止多次點擊導致的重復提交。

<div class="layui-form-item">
<div class="layui-input-block t-c" >
<input id="file-submit" class="layui-btn" lay-submit lay-filter="demo1" value="提交"
type="button"/>
</div>
</div>

 

<script>
    
        layui.use([ 'form', 'jquery', 'layer','upload'], function() {
            var form = layui.form
            , $ = layui.jquery
            , layer = layui.layer;
            var upload = layui.upload;
            var lock = false;

            form.on('submit(demo1)', function(data){
                var fileName = document.getElementById("dataFile").value;
                if(fileName == null|| fileName == "") {
                    layer.alert("請選擇文件");
                    return false;
                } 
                layer.confirm('確認提交？', {
                    btn: ['確認', '取消'] 
                }, function(index, layero){
                  //按鈕【按鈕一】的回調
                    if(!$(".layui-layer-btn0").hasClass("layui-btn-disabled")){
                        //$(".layui-layer-btn0")這個是確定按鈕
                        $(".layui-layer-btn0").addClass("layui-btn-disabled");
                        layer.close(index);
                        layer.msg('處理中...',{shade:[0.8, '#393D49'],time:60*60*1000});
                        
                        $("form").submit();
                    }
                }, function(index){
                  //按鈕【按鈕二】的回調
                });
            });
        });
        
    </script>