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写了一个类似php的print_r输出换行功能
Feb 18 Javascript
JS遍历Json字符串中键值对先转成JSON对象再遍历
Aug 15 Javascript
jQuery中slice()方法用法实例
Jan 07 Javascript
javascript实现控制div颜色
Jul 07 Javascript
jQuery跨域问题解决方案
Aug 03 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
layui 弹出层值回传解决方式
Nov 14 Javascript
npx create-react-app xxx创建项目报错的解决办法
Feb 17 Javascript
vue 虚拟DOM的原理
Oct 03 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
Jan 25 Javascript
Vue + iView实现Excel上传功能的完整代码
Jun 22 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中基于ts与nts版本- vc6和vc9编译版本的区别详解
2013/04/26 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
php二维数组合并及去重复的方法
2015/03/04 PHP
php简单实现数组分页的方法
2016/04/30 PHP
php实现跨域提交form表单的方法【2种方法】
2016/10/17 PHP
IE、FF浏览器下修改标签透明度
2014/01/28 Javascript
php结合imgareaselect实现图片裁剪
2015/07/05 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
2016/01/14 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
收集前端面试题之url、href、src
2018/03/22 Javascript
js数组去重的方法总结
2019/01/18 Javascript
JS/jQuery实现获取时间的方法及常用类完整示例
2019/03/07 jQuery
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
python使用datetime模块计算各种时间间隔的方法
2015/03/24 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Python中的 is 和 == 以及字符串驻留机制详解
2019/06/28 Python
Pycharm 字体大小调整设置的方法实现
2019/09/27 Python
解决Pytorch训练过程中loss不下降的问题
2020/01/02 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
Python unittest工作原理和使用过程解析
2020/02/24 Python
Flask和pyecharts实现动态数据可视化
2020/02/26 Python
python基于pygame实现飞机大作战小游戏
2020/11/19 Python
CSS3圆角和渐变2种常用功能详解
2016/01/06 HTML / CSS
路易威登和香奈儿手袋:LuxeDH
2017/01/12 全球购物
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
期末总结的个人自我评价
2013/11/02 职场文书
数学检讨书1000字
2014/02/24 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
小学校本培训方案
2014/06/06 职场文书
校园环保广播稿(3篇)
2014/09/15 职场文书
2014年技术员工作总结
2014/11/18 职场文书
学习型家庭事迹材料
2014/12/20 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB