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 相关文章推荐
js当一个变量为函数时 应该注意的一点细节小结
Dec 29 Javascript
jQuery 取值、赋值的基本方法整理
Mar 31 Javascript
写给小白的JavaScript引擎指南
Dec 04 Javascript
jquery实现二级导航下拉菜单效果
Dec 18 Javascript
js css实现垂直方向自适应的三角提示菜单
Jun 26 Javascript
基于jQuery实现咖啡订单管理简单应用
Feb 10 Javascript
jQuery+CSS3实现点赞功能
Mar 13 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
May 02 Javascript
JS实现将对象转化为数组的方法分析
Jan 21 Javascript
原生JS实现动态添加新元素、删除元素方法
May 05 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
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制作简单的内容采集器的代码
2007/11/28 PHP
php常用文件操作函数汇总
2014/11/22 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
非常实用的php验证码类
2016/05/15 PHP
javascript 动态添加表格行
2006/06/22 Javascript
基于Jquery的动态添加控件并取值的实现代码
2010/09/24 Javascript
jquery不常用方法汇总
2015/07/26 Javascript
基于javascript代码实现通过点击图片显示原图片
2015/11/29 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
2016/06/08 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
2016/06/14 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
使用JS和canvas实现gif动图的停止和播放代码
2017/09/01 Javascript
移动web开发之touch事件实例详解
2018/01/17 Javascript
小程序实现列表删除功能
2018/10/30 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
微信小程序调用后台service教程详解
2020/11/06 Javascript
[01:30:55]VG vs Mineski Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python3实现的简单工资管理系统示例
2019/03/12 Python
深入了解Python iter() 方法的用法
2019/07/11 Python
Python实现非正太分布的异常值检测方式
2019/12/09 Python
使用 PyTorch 实现 MLP 并在 MNIST 数据集上验证方式
2020/01/08 Python
《蓝色的树叶》教学反思
2014/02/24 职场文书
进口业务员岗位职责
2014/04/06 职场文书
暑期学习心得体会
2014/09/02 职场文书
就业协议书怎么填
2014/09/15 职场文书
出生公证书
2015/01/23 职场文书
物流业务员岗位职责
2015/04/03 职场文书
2015年预防青少年违法犯罪工作总结
2015/05/22 职场文书
培训心得体会怎么写
2016/01/25 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
python中出现invalid syntax报错的几种原因分析
2022/02/12 Python