layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)


Posted in Javascript onSeptember 21, 2019

layer 弹出框中经常遇到要弹出表单进行修改数据, 因此在弹出框中的表单需要验证数据, 就需要在弹出一个layer, 默认的设置会自动关闭原来的layer, 解决办法如下:

type参数: 0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)

因此设置type的值, 可以实现弹出两个弹出框:(只有确定按钮的部分代码)

yes: function (index, layero) {
 var tableId=$("#tableId");
 var signform=$("#sign_form");
 if(!isJSON(signform.find("textarea[name=value]").val())){
  layer.msg('JSON验证错误....', {type:1},function(index){
   layer.close(index);
  });
  return true;
 }
layer.close(index);<!-- 验证完后关闭原始弹出框-->
}

以上这篇layer弹出框确定前验证:弹出消息框的方法(弹出两个layer)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript对象、属性、事件手册集合方便查询
Jul 04 Javascript
javascript函数作用域学习示例(js作用域)
Jan 13 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
详解Node.js中的事件机制
Sep 22 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
react build 后打包发布总结
Aug 24 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
Sep 19 Javascript
Node 代理访问的实现
Sep 19 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
Apr 30 Javascript
django简单的前后端分离的数据传输实例 axios
May 18 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 #Javascript
Vue使用NProgress进度条的方法
Sep 21 #Javascript
NProgress显示顶部进度条效果及使用详解
Sep 21 #Javascript
vue开发拖拽进度条滑动组件
Sep 21 #Javascript
layui点击弹框页面 表单请求的方法
Sep 21 #Javascript
使用vue制作滑动标签
Sep 21 #Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 #Javascript
You might like
BBS(php &amp; mysql)完整版(八)
2006/10/09 PHP
PHP初学入门
2006/11/19 PHP
php数字游戏 计算24算法
2012/06/10 PHP
php生成图形(Libchart)实例
2013/11/06 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
Javascript中的常见排序算法
2007/03/27 Javascript
childNodes.length与children.length的区别
2009/05/14 Javascript
jQuery判断iframe中元素是否存在的方法
2013/05/11 Javascript
js弹出层包含flash 不能关闭隐藏的2种处理方法
2013/06/17 Javascript
js综合应用实例简单的表格统计
2013/09/03 Javascript
封装好的一个万能检测表单的方法
2015/01/21 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
微信小程序 for 循环详解
2016/10/09 Javascript
Vue2.0 多 Tab切换组件的封装实例
2017/07/28 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
2017/12/28 Javascript
解决angular2在双向数据绑定时[(ngModel)]无法使用的问题
2018/09/13 Javascript
AngularJS 多指令Scope问题的解决
2018/10/25 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
[02:10]DOTA2亚洲邀请赛 EG战队出场宣传片
2015/02/07 DOTA
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
python遍历文件夹,指定遍历深度与忽略目录的方法
2018/07/11 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
python中 * 的用法详解
2019/07/10 Python
pytorch 输出中间层特征的实例
2019/08/17 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
Python基于pyecharts实现关联图绘制
2020/03/27 Python
什么是Python中的匿名函数
2020/06/02 Python
摩托车和ATV零件、配件和服装的首选在线零售商:MotoSport
2017/12/22 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
介绍一下Linux中的链接
2016/06/05 面试题
授权委托书样本
2014/04/03 职场文书
详解如何用Python实现感知器算法
2021/06/18 Python
JavaScript正则表达式实现注册信息校验功能
2022/05/30 Java/Android