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 相关文章推荐
ajax异步刷新实现更新数据库
Dec 03 Javascript
利用jquery.qrcode在页面上生成二维码且支持中文
Feb 12 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
May 20 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
Javascript实现从小到大的数组转换成二叉搜索树
Jun 13 Javascript
vue引入js数字小键盘的实现代码
May 14 Javascript
微信小程序实现长按删除图片的示例
May 18 Javascript
微信小程序左滑动显示菜单功能的实现
Jun 14 Javascript
Vue通过ref父子组件拿值方法
Sep 12 Javascript
详解vue为什么要求组件模板只能有一个根元素
Jul 22 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
PHP获取url的函数代码
2011/08/02 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
2009/09/03 Javascript
表单切换,用回车键替换Tab健(不支持IE)
2011/07/20 Javascript
动态的改变IFrame的高度实现IFrame自动伸展适应高度
2012/12/28 Javascript
多引号嵌套的变量命名的问题
2014/05/09 Javascript
jQuery实现的在线答题功能
2015/04/12 Javascript
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
js获取时间精确到秒(年月日)
2016/03/16 Javascript
浅析JavaScript中的对象类型Object
2016/05/26 Javascript
总结几道关于Node.js的面试问题
2017/01/11 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
VUE DOM加载后执行自定义事件的方法
2018/09/07 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
2018/09/12 Javascript
Vue.js实现tab切换效果
2019/07/24 Javascript
微信小程序input抖动问题的修复方法
2021/03/03 Javascript
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
python备份文件以及mysql数据库的脚本代码
2013/06/10 Python
深入浅出学习python装饰器
2017/09/29 Python
浅谈python jieba分词模块的基本用法
2017/11/09 Python
10款最好的Python开发编辑器
2019/07/03 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
美国知名平价彩妆品牌:e.l.f. Cosmetics
2017/11/20 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
DNA基因检测和分析:23andMe
2019/05/01 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
软件设计的目标是什么
2016/12/04 面试题
党员干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
二审代理词范文
2015/05/25 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
2015年学校综合治理工作总结
2015/07/20 职场文书
Python中的套接字编程是什么?
2021/06/21 Python