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 相关文章推荐
基于jquery的不规则矩形的排列实现代码
Apr 16 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
Oct 10 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
Dec 10 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 Javascript
原生JavaScript实现滚动条效果
Mar 24 Javascript
vue日期组件 支持vue1.0和2.0
Jan 09 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
浅谈react-router@4.0 使用方法和源码分析
Jun 04 Javascript
新手快速入门微信小程序组件库 iView Weapp
Jun 24 Javascript
jQuery操作动画完整实例分析
Jan 10 jQuery
小程序实现背景音乐播放和暂停
Jun 19 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
【动漫杂谈】关于《请在T台上微笑》
2020/03/03 日漫
PHP的FTP学习(四)
2006/10/09 PHP
木翼下载系统中说明的PHP安全配置方法
2007/06/16 PHP
php采集自中央气象台范围覆盖全国的天气预报代码实例
2015/01/04 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
PHP超低内存遍历目录文件和读取超大文件的方法
2019/05/01 PHP
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
JavaScript QueryString解析类代码
2010/01/17 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
js window.open弹出新的网页窗口
2014/01/16 Javascript
js游戏人物上下左右跑步效果代码分享
2015/08/28 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
2016/05/17 Javascript
JS实现简单的二元方程计算器功能示例
2017/01/03 Javascript
使用nodejs爬取前程无忧前端技能排行
2017/05/06 NodeJs
vue实现app页面切换动画效果实例
2017/05/23 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
使用node搭建自动发图文微博机器人的方法
2019/03/22 Javascript
微信小程序云函数使用mysql数据库过程详解
2019/08/07 Javascript
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
Python中AND、OR的一个使用小技巧
2015/02/18 Python
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
python实现下载pop3邮件保存到本地
2018/06/19 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
python实现横向拼接图片
2020/03/23 Python
python实现飞船大战
2020/04/24 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
奇怪的鱼:Weird Fish
2018/03/18 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
决心书标准格式
2014/03/11 职场文书
乡镇党建工作总结2015
2015/05/19 职场文书
2015年财务部年度工作总结
2015/05/19 职场文书
MongoDB支持的数据类型
2022/04/11 MongoDB
JS函数式编程实现XDM一
2022/06/16 Javascript