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 日期时间 转换的方法
Feb 21 Javascript
javascript回车完美实现tab切换功能
Mar 13 Javascript
javascript跨浏览器的属性判断方法
Mar 16 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
有关JavaScript中call()和apply() 的一些理解
May 20 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
微信小程序 this和that详解及简单实例
Feb 13 Javascript
JS实现AES加密并与PHP互通的方法分析
Apr 19 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
Jun 17 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
你准备好迎接vue3.0了吗
Apr 28 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 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设计模式编程中的简单工厂模式
2016/02/29 PHP
基于php实现的验证码小程序
2016/12/13 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
Yii框架的路由配置方法分析
2019/09/09 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
使用jQuery简化Ajax开发 Ajax开发入门
2009/10/14 Javascript
关于图片的预加载过程中隐藏未知的
2012/12/19 Javascript
使用js在页面中绘制表格核心代码
2013/09/16 Javascript
JS长整型精度问题实例分析
2015/01/13 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
2015/03/03 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
微信公众号 客服接口的开发实例详解
2016/09/28 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
学习 NodeJS 第八天:Socket 通讯实例
2016/12/21 NodeJs
NW.js 简介与使用方法
2018/02/01 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
js面向对象方式实现拖拽效果
2021/03/03 Javascript
python3编写C/S网络程序实例教程
2014/08/25 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
python 定时器,实现每天凌晨3点执行的方法
2019/02/20 Python
Python 使用threading+Queue实现线程池示例
2019/12/21 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
Python操作Word批量生成合同的实现示例
2020/08/28 Python
Python爬虫scrapy框架Cookie池(微博Cookie池)的使用
2021/01/13 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
澳大利亚在线家具店:Luxo Living
2019/03/24 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
物理教师自荐信范文
2013/12/28 职场文书
幼儿园消防安全制度
2014/01/26 职场文书
数控专业毕业生自荐信范文
2014/03/04 职场文书
元宵节主持词
2014/03/25 职场文书
图书室标语
2014/06/21 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python