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 sortable效果 代码有错但值得看看
Nov 05 Javascript
jquery中获取元素的几种方式小结
Jul 05 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
JS实现双击屏幕滚动效果代码
Oct 28 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
Angular2学习教程之ng中变更检测问题详解
May 28 Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
JS如何实现手机端输入验证码效果
May 13 Javascript
js实现飞机大战游戏
Aug 26 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 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
也谈截取首页新闻 - 范例
2006/10/09 PHP
理解php Hash函数,增强密码安全
2011/02/25 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
php事务回滚简单实现方法示例
2017/03/28 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
javascript下4个跨浏览器必备的函数
2010/03/07 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
js利用事件的阻止冒泡实现点击空白模态框的隐藏
2014/01/24 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
javascript去除空格方法小结
2015/05/21 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
2016/09/01 Javascript
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
2018/01/08 jQuery
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
vue将毫秒数转化为正常日期格式的实例
2018/09/16 Javascript
Vue3.0结合bootstrap创建多页面应用
2019/05/28 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
Python中的作用域规则详解
2015/01/30 Python
在Django中管理Users和Permissions以及Groups的方法
2015/07/23 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
Python中标准模块importlib详解
2017/04/16 Python
Python自动化开发学习之三级菜单制作
2017/07/14 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
python argparser的具体使用
2019/11/10 Python
Django中使用MySQL5.5的教程
2019/12/18 Python
Python中包的用法及安装
2020/02/11 Python
python爬虫可以爬什么
2020/06/16 Python
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
如何查询Oracle数据库中已经创建的索引
2013/10/11 面试题
假日旅行社实习自我鉴定
2013/09/24 职场文书
预备党员承诺书
2014/03/25 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
2014年测量员工作总结
2014/12/12 职场文书