【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>