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 数组排序函数
Aug 20 Javascript
JQuery live函数
Dec 24 Javascript
javascript针对DOM的应用分析(二)
Apr 15 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
JS将秒换成时分秒实现代码
Sep 03 Javascript
extjs每个组件要设置唯一的ID否则会出错
Jun 15 Javascript
Javascript aop(面向切面编程)之around(环绕)分析
May 01 Javascript
AngularJS入门教程之与服务器(Ajax)交互操作示例【附完整demo源码下载】
Nov 02 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
Feb 28 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
JS精髓原型链继承及构造函数继承问题纠正
Jun 16 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
PHP简介
2006/10/09 PHP
phpmyadmin MySQL 加密配置方法
2009/07/05 PHP
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
如何使用php实现评委评分器
2015/07/31 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
php解决DOM乱码的方法示例代码
2016/11/20 PHP
PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)
2017/08/15 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
dojo 之基础篇(三)之向服务器发送数据
2007/03/24 Javascript
JavaScript 版本自动生成文章摘要
2008/07/23 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
前端实现文件的断点续传(前端文件提交+后端PHP文件接收)
2016/11/04 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
JS实现深度优先搜索求解两点间最短路径
2019/01/17 Javascript
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
Vant 中的Toast设置全局的延迟时间操作
2020/11/04 Javascript
用Python制作简单的钢琴程序的教程
2015/04/01 Python
python将每个单词按空格分开并保存到文件中
2018/03/19 Python
python2.7实现邮件发送功能
2018/12/12 Python
Python发展史及网络爬虫
2019/06/19 Python
TensorFlow查看输入节点和输出节点名称方式
2020/01/04 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
为什么python比较流行
2020/06/19 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
意大利领先的线上奢侈品销售电商:Eleonora Bonucci
2017/10/17 全球购物
Weblogic和WebSphere不同特点
2012/05/09 面试题
会计毕业生求职简历的自我评价
2013/10/20 职场文书
大学活动策划书范文
2014/01/10 职场文书
2014年教师批评与自我批评思想汇报
2014/09/20 职场文书
《黄道婆》教学反思
2016/02/22 职场文书
幼儿园教师教学反思
2016/03/02 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python
SpringBoot整合minio快速入门教程(代码示例)
2022/04/03 Java/Android