Form表单提交时的遮罩层

最新推荐文章于 2021-06-03 05:57:38 发布

原创最新推荐文章于 2021-06-03 05:57:38 发布 · 5.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#form

js 专栏收录该内容

1 篇文章

订阅专栏

博客介绍了Easyui遮罩层（jquery.messager.js）和Layui遮罩层（layui.js），遮罩层的开启/关闭方法在代码中有注释，不过其余代码不全，仅作参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、Easyui遮罩层（jquery.messager.js）

function saveBackground($form, $grid, url, $dialog){
    var validate = $form.form("validate");
    if(validate){
        $form.form('submit',{
            url: url,
            onSubmit: function(){
                //遮罩层打开
                $.messager.progress({
                    title: '提示',
                    msg: '数据上传中，请稍候……',
                    text: ''
                });
                return true;
            },
            success: function(redata){
                //遮罩层关闭
                $.messager.progress('close');
                var data = eval('('+redata+')');
                if (data.result == "success"){
                    $.messager.alert('信息提示', data.info,'info');
                    $.utils.buttonCloseDialog($dialog);
                    $grid.datagrid('clearSelections');
                    $grid.datagrid('reload');
                } else {
                    $.messager.alert('信息提示', data.info,'error');
                }
            }
        });
    }
}

2、Layui遮罩层（layui.js）

function saveForeground($form, $grid, url,callback){
    var flag = $form.validate().form();
    if(flag){
        $form.form('submit',{
            url: url,
            layerIndex: -1,//层面标识
            onSubmit: function(){
                //打开遮罩层
                this.layerIndex = layer.load(0);
                return true;
            },
            success: function(redata){
                //关闭遮罩层
                layer.close(this.layerIndex);
                var data = eval('('+redata+')');
                if (data.result == "success"){
                    Global.Message.showSuccess(data.info)                               
                    Global.Form.resetForm($form);
                    $.each($grid,function(i,grid){
                        if($(grid)){
                            $(grid).bootstrapTable('refresh');
                        }
                    })
                    if(typeof callback === "function"){
                        callback();
                    }
                } else {
                    Global.Message.showError(data.info) 
                }
            }
        });
        return true;
    }else{
        Global.Message.validateError() 
        return false;
    }
},