layer.prompt使文本框为空的情况下也能点击确定的方法

 更新时间:2019年09月24日 15:27:00   作者:孟飞阳  
今天小编就为大家分享一篇layer.prompt使文本框为空的情况下也能点击确定的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。

但是我又需要空值,看看我原来的代码。

layer.prompt({
 formType: 0,
 value: '初始值',
 title: '请输入值',
 area: ['800px', '350px'] //自定义文本域宽高
 }, function(value, index, elem){
 alert(value); //得到value
 layer.close(index);
});

如果我什么都不输入,不管怎么点击确定都是不行的。

我们看一下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使文本框为空的情况下也能点击确定的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 防止浏览器记住用户名及密码的简单实用方法

    防止浏览器记住用户名及密码的简单实用方法

    很多浏览器都有自动填写功能,我在input上使用了autocomplete="off",但在有的浏览器上还是被记住了用户名跟密码,请问有没有更有效及简便的方法来防止浏览器记住用户名及密码
    2013-04-04
  • Bootstrap 粘页脚效果

    Bootstrap 粘页脚效果

    Bootstrap 粘页脚,说得具体一点就是“将固定高度的页脚紧贴页面底部”,本文给大家分享具有实现代码,感兴趣的朋友参考下吧
    2016-03-03
  • JavaScript中的this关键字使用方法总结

    JavaScript中的this关键字使用方法总结

    这篇文章主要介绍了JavaScript中的this关键字使用方法总结,本文讲解了作为对象方法调用、作为函数调用、作为构造函数调用、使用 apply 或 call 调用等内容,需要的朋友可以参考下
    2015-03-03
  • Webpack中publicPath使用详解

    Webpack中publicPath使用详解

    最近自己在搭建一个基于webpack的react项目,遇到关于output.publicPath和webpack-dev-server中publicPath的问题,所以自己研究了下并写下本文记录。感兴趣的小伙伴们可以参考一下
    2021-06-06
  • 微信小程序返回到顶部功能的简单实现

    微信小程序返回到顶部功能的简单实现

    在做微信小程序开发时,遇到一个问题,要如何实现返回顶部的功能,下面这篇文章主要给大家介绍了微信小程序返回到顶部功能的简单实现,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • 探索浏览器页面关闭window.close()的使用详解

    探索浏览器页面关闭window.close()的使用详解

    这篇文章主要介绍了探索浏览器页面关闭window.close()的使用详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08
  • js实现日历与定时器

    js实现日历与定时器

    本文主要介绍了js实现日历与定时器的示例代码,具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 浅谈页面装载js及性能分析方法

    浅谈页面装载js及性能分析方法

    这篇文章主要简单介绍了页面装载js及性能分析方法的相关资料,需要的朋友可以参考下
    2014-12-12
  • 移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)

    移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)

    这篇文章主要介绍了移动端Ionic App 资讯上下循环滚动的实现代码,实现方法需要借助jQuery库的选择器和动画函数,并且把jquery的操作封装到指令里,具体指令代码大家通过本文学习吧
    2017-08-08
  • JavaScript实现简单Tip提示框效果

    JavaScript实现简单Tip提示框效果

    这篇文章主要介绍了JavaScript实现简单Tip提示框效果,涉及JavaScript响应鼠标事件针对页面元素动态操作的相关技巧,需要的朋友可以参考下
    2016-04-04

最新评论