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 相关文章推荐
zShowBox 图片放大展示jquery版 兼容性
Sep 24 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)
Feb 25 Javascript
javascript RegExp 使用说明
May 21 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
Bootstrap fileinput组件封装及使用详解
Mar 10 Javascript
JavaScript之面向对象_动力节点Java学院整理
Jun 29 Javascript
详解Webpack DLL用法以及功能
Jul 11 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
vue 取出v-for循环中的index值实例
Nov 09 Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
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
thinkPHP简单实现多个子查询语句的方法
2016/12/05 PHP
PHP设计模式之工厂模式详解
2017/10/24 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
2015/04/06 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
2015/06/05 Javascript
微信企业号开发之微信考勤百度地图定位
2015/09/11 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
JavaScript中利用各种循环进行遍历的方式总结
2015/11/10 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
node.js实现端口转发
2016/04/14 Javascript
JavaScript必知必会(五) eval 的使用
2016/06/08 Javascript
JS常用字符串方法(推荐)
2021/01/15 Javascript
AngularJS equal比较对象实例详解
2016/09/14 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
2017/01/11 Javascript
jQuery代码实现实时获取时间
2017/01/29 Javascript
js禁止Backspace键使浏览器后退的实现方法
2017/09/01 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
2020/03/07 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
[48:44]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS HGT
2014/05/22 DOTA
Python设置Socket代理及实现远程摄像头控制的例子
2015/11/13 Python
Python下载指定页面上图片的方法
2016/05/12 Python
浅析Python中的for 循环
2016/06/09 Python
Python爬虫利用cookie实现模拟登陆实例详解
2017/01/12 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
Django 查询数据库并返回页面的例子
2019/08/12 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
python梯度下降算法的实现
2020/02/24 Python
python爬虫容易学吗
2020/06/02 Python
利用python实现平稳时间序列的建模方式
2020/06/03 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
生产管理的三大手法
2013/11/11 职场文书
元宵节晚会主持人串词
2014/03/25 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
幼儿园安全教育随笔
2015/08/14 职场文书