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 相关文章推荐
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
使用命令对象代替switch语句的写法示例
Feb 28 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
javascript设计模式之策略模式学习笔记
Feb 15 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
JS创建Tag标签的方法详解
Jun 09 Javascript
微信小程序之事件交互操作实例分析
Dec 03 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
JavaScript变量基本使用方法实例分析
Nov 15 Javascript
用webAPI实现图片放大镜效果
Nov 23 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
ajax 的post方法实例(带循环)
2011/07/04 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
Linux Apache PHP Oracle 安装配置(具体操作步骤)
2013/06/17 PHP
WordPress用户登录框密码的隐藏与部分显示技巧
2015/12/31 PHP
JS中style属性
2006/10/11 Javascript
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
几款极品的javascript压缩混淆工具
2007/05/16 Javascript
javascripit实现密码强度检测代码分享
2013/12/12 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
js如何打印object对象
2015/10/16 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
2016/06/21 Javascript
JS中位置与大小的获取方法
2016/11/22 Javascript
xmlplus组件设计系列之树(Tree)(9)
2017/05/02 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
vue实现PC端录音功能的实例代码
2019/06/05 Javascript
vue实现文件上传读取及下载功能
2020/11/17 Javascript
javascript 设计模式之组合模式原理与应用详解
2020/04/08 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
使用IronPython把Python脚本集成到.NET程序中的教程
2015/03/31 Python
用Python解决计数原理问题的方法
2016/08/04 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
pytorch 数据集图片显示方法
2018/07/26 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
Python中文编码知识点
2019/02/18 Python
python 绘制正态曲线的示例
2020/09/24 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
BRASTY捷克:购买香水、化妆品、手袋和手表
2017/07/12 全球购物
白酒市场营销方案
2014/02/25 职场文书
一岗双责责任书
2014/04/15 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
求职意向书
2014/07/29 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
六年级学生期末评语
2014/12/26 职场文书