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 $.each的用法说明
Mar 22 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
Apr 24 Javascript
js原生appendChild的bug解决心得分享
Jul 01 Javascript
jQuery事件绑定方法学习总结(推荐)
Nov 21 Javascript
深入理解Node.js中通用基础设计模式
Sep 19 Javascript
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
vue实现的双向数据绑定操作示例
Dec 04 Javascript
javascript中this的用法实践分析
Jul 29 Javascript
Weex开发之WEEX-EROS开发踩坑(小结)
Oct 16 Javascript
小程序分享链接onShareAppMessage的具体用法
May 22 Javascript
vue-cli3中配置alias和打包加hash值操作
Sep 04 Javascript
vue点击按钮实现简单页面的切换
Sep 08 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版)
2006/10/09 PHP
php通过会话控制实现身份验证实例
2016/10/18 PHP
PHP getNamespaces()函数讲解
2019/02/03 PHP
比较简单的异步加载JS文件的代码
2009/07/18 Javascript
JavaScript中关于indexOf的使用方法与问题小结
2010/08/05 Javascript
jQuery ajax 路由和过滤器使用说明
2011/08/02 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jQuery修改CSS伪元素属性的方法
2014/07/30 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
2016/07/24 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
JavaScript实现图片上传并预览并提交ajax
2019/09/30 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
[49:35]KG vs SECRET 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python编程之多态用法实例详解
2015/05/19 Python
python中zip()方法应用实例分析
2016/04/16 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
浅谈Python 参数与变量
2020/06/20 Python
详解Python中openpyxl模块基本用法
2021/02/23 Python
HTML5页面音视频在微信和app下自动播放的实现方法
2016/10/20 HTML / CSS
英国骑行、跑步、游泳、铁人三项运动装备专卖店:Wiggle
2016/08/23 全球购物
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
年度考核自我评价
2014/01/25 职场文书
文字自荐书范文
2014/02/10 职场文书
职业培训师职业生涯规划
2014/02/18 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
商场父亲节活动方案
2014/08/27 职场文书
2014幼儿园教师师德师风演讲稿
2014/09/10 职场文书
申报材料格式
2014/12/30 职场文书
给领导的感谢信范文
2015/01/23 职场文书
教师节倡议书2015
2015/04/27 职场文书
地雷战观后感
2015/06/09 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python