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’
点击下方图标一键加入！

---