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 相关文章推荐
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
jquery图片轮播特效代码分享
Apr 20 Javascript
微信小程序 wx.uploadFile无法上传解决办法
Dec 14 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
微信小程序图片宽100%显示并且不变形
Jun 21 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
Oct 20 jQuery
JavaScript的setter与getter方法
Nov 29 Javascript
vue slot 在子组件中显示父组件传递的模板
Mar 02 Javascript
AngularJs分页插件使用详解
Jun 30 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
全国FM电台频率大全 - 11 浙江省
2020/03/11 无线电
一台收音机,让一家人都笑逐颜开!
2020/08/21 无线电
php分页示例分享
2014/04/30 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
PHP微信公众号自动发送红包API
2016/06/01 PHP
php实现登陆模块功能示例
2016/10/20 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
jquery选择器简述
2015/08/31 Javascript
JavaScript严格模式详解
2015/11/18 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
jQuery实现HTML表格单元格的合并功能
2016/04/06 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
2017/02/04 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
vue父组件点击触发子组件事件的实例讲解
2018/02/08 Javascript
jQuery实现table表格信息的展开和缩小功能示例
2018/07/21 jQuery
vue组件之间的数据传递方法详解
2019/04/19 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
Django框架验证码用法实例分析
2019/05/10 Python
pymongo insert_many 批量插入的实例
2020/12/05 Python
如何用python开发Zeroc Ice应用
2021/01/29 Python
修复iPhone的safari浏览器上submit按钮圆角bug
2012/12/24 HTML / CSS
彪马英国官网:PUMA英国
2019/02/11 全球购物
MYSQL基础面试题
2012/05/13 面试题
幼儿师范毕业生自荐信
2013/11/09 职场文书
一岗双责责任书
2014/04/15 职场文书
环保建议书600字
2014/05/14 职场文书
买房协议书范本
2014/10/23 职场文书
党性分析材料格式
2014/12/19 职场文书
统计工作个人总结
2015/03/03 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书
2015年妇幼卫生工作总结
2015/05/23 职场文书
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript