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 相关文章推荐
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
brook javascript框架介绍
Oct 10 Javascript
通过正则表达式实现表单验证是否为中文
Feb 18 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 Javascript
深入剖析JavaScript:Object类型
May 10 Javascript
利用js定义一个导航条菜单
Mar 14 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
JavaScript中.min.js和.js文件的区别讲解
Feb 13 Javascript
一起来了解一下JavaScript的预编译(小结)
Mar 01 Javascript
vue使用Google Recaptcha验证的实现示例
Aug 23 Vue.js
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学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
PHP处理CSV表格文件的常用操作方法总结
2016/07/01 PHP
PHP入门教程之正则表达式基本用法实例详解(正则匹配,搜索,分割等)
2016/09/11 PHP
PHP弱类型语言中类型判断操作实例详解
2017/08/10 PHP
PHP设计模式(八)装饰器模式Decorator实例详解【结构型】
2020/05/02 PHP
jquery $.each 和for怎么跳出循环终止本次循环
2013/09/27 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
jQuery代码实现对话框右上角菜单带关闭×
2016/05/03 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
Vue中的基础过渡动画及实现原理解析
2018/12/04 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
使用python解析xml成对应的html示例分享
2014/04/02 Python
python的re模块应用实例
2014/09/26 Python
python出现"IndentationError: unexpected indent"错误解决办法
2017/10/15 Python
django从请求到响应的过程深入讲解
2018/08/01 Python
一行代码让 Python 的运行速度提高100倍
2018/10/08 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
正则给header的冒号两边参数添加单引号(Python请求用)
2019/08/09 Python
python输出带颜色字体实例方法
2019/09/01 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
专业毕业生个性的自我评价
2013/10/03 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
商场促销活动总结
2014/07/10 职场文书
《中国梦我的梦》中学生演讲稿
2014/08/20 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
党员学习中共十八大思想报告
2014/09/12 职场文书
党员批评与自我批评材料
2014/10/14 职场文书
服务整改报告
2014/11/06 职场文书