layer.prompt使文本框为空的情况下也能点击确定的方法


Posted in Javascript onSeptember 24, 2019

最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。

但是我又需要空值,看看我原来的代码。

layer.prompt({
 formType: 0,
 value: '初始值',
 title: '请输入值',
 area: ['800px', '350px'] //自定义文本域宽高
 }, function(value, index, elem){
 alert(value); //得到value
 layer.close(index);
});

layer.prompt使文本框为空的情况下也能点击确定的方法

如果我什么都不输入,不管怎么点击确定都是不行的。

我们看一下prompt这个参数

layer.prompt(options, yes)

第一个是参数,第二个是回调。

我们查看文档可以知道layer.prompt也是继承layer.open的,那么我们直接用原方法yes就可以了。

layer.prompt({
 formType: 0,
 value: '初始值',
 title: '请输入值',
 area: ['800px', '350px'] //自定义文本域宽高
 yes: function(index, layero){
   alert(layero.find(".layui-layer-input").val());
   layer.close(index);
 }
};

我估计prompt重新做了判断,像我上面这么用就没什么问题了。

以上这篇layer.prompt使文本框为空的情况下也能点击确定的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript js cookie的存储,获取和删除
Dec 29 Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
js实现仿Discuz文本框弹出层效果
Aug 13 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
Aug 01 Javascript
微信小程序 教程之引用
Oct 18 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
layer 关闭指定弹出层的例子
Sep 25 Javascript
vue实现购物车功能(商品分类)
Apr 20 Javascript
JavaScript实现沿五角星形线摆动的小圆实例详解
Jul 28 Javascript
layui-table获得当前行的上/下一行数据的例子
Sep 24 #Javascript
通过实例了解JS 连续赋值
Sep 24 #Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 #Javascript
JS防抖和节流实例解析
Sep 24 #Javascript
vue.js实现图书管理功能
Sep 24 #Javascript
layui table单元格事件修改值的方法
Sep 24 #Javascript
Javascript Dom元素获取和添加详解
Sep 24 #Javascript
You might like
ThinkPHP中的关联模型注意点
2014/06/16 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
将HTML格式的String转化为HTMLElement的实现方法
2014/08/07 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
2018/08/16 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
JS sort方法基于数组对象属性值排序
2020/07/10 Javascript
[00:32]2018DOTA2亚洲邀请赛OpTic出场
2018/04/03 DOTA
Python编程实现二叉树及七种遍历方法详解
2017/06/02 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python爬虫实现百度图片自动下载
2018/02/04 Python
python入门教程 python入门神图一张
2018/03/05 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
python实现给微信指定好友定时发送消息
2019/04/29 Python
python虚拟环境的安装和配置(virtualenv,virtualenvwrapper)
2019/08/09 Python
Python使用eval函数执行动态标表达式过程详解
2020/10/17 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
海滩咖啡馆:Beach Cafe
2018/02/02 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
医学检验专业个人求职信范文
2013/12/04 职场文书
大学校园活动策划书
2014/02/04 职场文书
房地产广告词大全
2014/03/19 职场文书
自愿离婚协议书2015
2015/01/26 职场文书
八年级历史教学反思
2016/02/19 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python