layui:弹层如何在layer.prompt输入值为空时点击确定继续执行逻辑?

前言

  • 突然发现在使用LayUI时,用到弹出层layer.prompt时,如果文本框输入值是空的话点击确定没有反应,不能向下执行
  • 但是在这种情况下,我又需要继续执行判断或逻辑 该怎么做?

原代码

layer.prompt({
	    formType: 2,
	    title: '请填写排除原因(注:必填项)',
	    area: ['500px', '150px'],
	    btnAlign: 'c'
	}, function(value, index, elem){
	    alert(value);
	    layer.close(index);
	});

解决

查看官方文档知道layer.prompt是继承layer.open的

在这里插入图片描述

改成以下代码就可以实现

layer.prompt({
    formType: 2,
    title: '请填写排除原因(注:必填项)',
    area: ['500px', '150px'],
    btnAlign: 'c',
    yes: function(index, layero){
        // 获取文本框输入的值
        var value = layero.find(".layui-layer-input").val();
        if (value) {
            alert("输入值为:" + value);
            layer.close(index);
        } else {
            alert("输入值为空!");
        }
    }
});

实例
在这里插入图片描述
效果
在这里插入图片描述
在这里插入图片描述

分析

后来仔细一看原来是结构不同导致的
在这里插入图片描述
在这里插入图片描述

后记

关于layui的笔记仅此一篇
2021.09.24,看到layui官网即将关闭的消息
layui是我用过的第一个ui框架,"返璞归真"的风格在jquery的余晖中深深吸引了大量的开发者,不管是从官网的介绍还是实际的使用,都感受到了作者的满满心意
贤心这个公告着实触动到了我的内心
在这里插入图片描述


😁欢迎加入QQ群交流: [游戏-Web-开发技术栈 ☄️] '300567032’
点击下方图标一键加入!
游戏-Web-开发技术栈 ☄


  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值