Form表单提交时的遮罩层

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

遮罩层的开启/关闭方法已在代码中做了注释，其余代码不全，只作为参考！

Form表单提交时的遮罩层相关推荐

action无法传参数给html页面,HTML 解决form表单提交时，action url中参数无效问题
这篇文章主要为大家详细介绍了HTML 解决form表单提交时,action url中参数无效问题,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! ...
关于form表单提交时的坑，submit,submit,submit
关于form表单提交时的坑,submit,submit,submit 说是坑,也是自己的用前端的经验不足,被form表单困扰了一下午.其实当把问题解决后,有一种"TMD竟然是这样,想抽死自己 ...
form 表单提交时用ajax异步请求导致ajax请求结果无法接收问题
1.背景描述,有个公司内部用的小系统,不想大动干戈用太多前端框架,就用HTML5写了个登陆页面,刚开始想着用form表单提交登陆账户信息.后来因为前后端分离,并且统一用ajax调用后台服务交互数据,因 ...
如何在 HTML form 表单提交时验证信息！？
前言:平常老用ajax直接向后台传数据,form 表单不常用都生疏了,今天遇到了一个相关问题,搞了半天,特此记录. 用from表单提交,会遇到一个问题就是,当你点击提交按钮时,直接就把数据传过去了,无 ...
form表单提交时，同一个名字的input类型的两个同时提交会覆盖吗
<form action=""> <input type="text" name="uuu" value="11 ...
form表单提交时多个相同name属性问题解决方案一
1. 问题背景 2. 解决方法 2.1. 后台处理 2.2. 前端处理 2.2.1. 分析 2.2.2. 解决 1 问题背景项目中有这样的需求:根据不同的业务逻辑填写不同的表单提交到数据库中, 但是 ...
form表单提交时传递额外的参数
使用hidden的input,将参数放在里面,例如: 点击提交url后面拼上字符串'parmas1=19&parmas2=&parmas3=hh&parmas4=1&p ...
form表单提交踩坑记
2019独角兽企业重金招聘Python工程师标准>>> 今天收获了一次集团故障,心塞不已,究其原因,是form表单提交时web服务器对大小做了限制.这个必现的问题在测试阶段也不知为啥 ...
html form 提交json数据格式,表单提交时编码类型enctype详解
很早以前,当还没有前端这个概念的时候,我在写表单提交完全不去理会表单数据的编码,在action属性里写好目标URL,剩下的啊交给浏览器吧~但是现在,更多时候我们都采用Ajax方式提交数据,这种原始的方 ...
BJUI使用ajax异步表单提交时后台action要加@ResponseBody
场景在使用BJUI的ajaxform异步表单提交时,后台直接使用 @RequestMapping时不能正常回显消息. 知识储备 ajaxform异步表单提交通过data属性使用(带验证): < ...

Form表单提交时的遮罩层

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

2、Layui遮罩层（layui.js）

遮罩层的开启/关闭方法已在代码中做了注释，其余代码不全，只作为参考！

Form表单提交时的遮罩层相关推荐

最新文章

热门文章