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对文本框值的判断示例
Mar 10 Javascript
javascript自定义的addClass()方法
May 28 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
js定义类的几种方法(推荐)
Jun 08 Javascript
Angular.js 实现数字转换汉字实例代码
Jul 14 Javascript
js仿拉勾网首页穿墙广告效果
Mar 08 Javascript
JavaScript定义函数_动力节点Java学院整理
Jun 27 Javascript
详解vue-router和vue-cli以及组件之间的传值
Jul 04 Javascript
express默认日志组件morgan的方法
Apr 05 Javascript
微信小程序带动画弹窗组件使用方法详解
Nov 27 Javascript
Vue 实现手动刷新组件的方法
Feb 19 Javascript
用VsCode编辑TypeScript的实现方法
May 07 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函数(ignore_user_abort)
2012/08/01 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
php快递单号查询接口使用示例
2014/05/05 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
PHP使用pear实现mail发送功能 windows环境下配置pear
2016/04/15 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
再谈querySelector和querySelectorAll的区别与联系
2012/04/20 Javascript
js截取小数点后几位的写法
2013/11/14 Javascript
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
jQuery实现网站添加高亮突出显示效果的方法
2015/06/26 Javascript
angularjs学习笔记之简单介绍
2015/09/26 Javascript
Bootstrap每天必学之缩略图与警示窗
2015/11/29 Javascript
原生javascript实现解析XML文档与字符串
2016/03/01 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
2016/12/25 Javascript
深入理解Promise.all
2018/08/08 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
2018/08/09 Javascript
webpack4 处理CSS的方法示例
2018/09/03 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
2020/11/12 Javascript
[42:36]DOTA2上海特级锦标赛B组败者赛 VG VS Spirit第二局
2016/02/26 DOTA
[55:56]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
python实现的各种排序算法代码
2013/03/04 Python
从零学python系列之从文件读取和保存数据
2014/05/23 Python
tensorflow更改变量的值实例
2018/07/30 Python
python实现简单多人聊天室
2018/12/11 Python
django2.0扩展用户字段示例
2019/02/13 Python
Python Django Vue 项目创建过程详解
2019/07/29 Python
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
十佳班主任事迹材料
2014/01/18 职场文书
小学生考试获奖感言
2014/01/30 职场文书
村级换届选举方案
2014/05/10 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
2017元旦、春节期间廉洁自律承诺书
2016/03/25 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
Zabbix6通过ODBC方式监控Oracle 19C的详细过程
2022/09/23 Servers