如何在使用layer.prompt在输入值为空的情况下点击确定继续执行逻辑？

2019-04-25 15:48:16

　突然发现在使用LayUI时，用到弹出层layer.prompt时，如果文本框输入值是空的话点击确定没有反应,不能向下执行。

但是我又需要在这种情况下去继续执行判断或逻辑时该怎么做？？

　　示例：原代码如下：

1
2
3
4
5
6
7
8
9
layer.prompt({
    formType: 2,
    title: '请填写排除原因（注：必填项）',
    area: ['500px', '150px'],
    btnAlign: 'c'
}, function(value, index, elem){
    alert(value);
    layer.close(index);
});

 　　

　　去官网查看文档可以知道layer.prompt也是继承layer.open的，所以可以改成如下代码就可以实现刚才描述的需求了，如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
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("输入值为空！");
        }
    }
});

 

 


  • 精彩推荐

  • 2017-05-02 17:54:57

    高并发 php uniqid 不重复唯一标识符生成方案

    PHP uniqid()函数可用于生成不重复的唯一标识符，该函数基于微秒级当前时间戳。在高并发或者间隔时长极短（如循环代码）的情况下，会出现大量重复数据。即使使用了第二个参数，也会重复，最好的方案是结合md5函数来生成唯一ID。

  • 2017-05-12 16:33:24

    说说JSON和JSONP，也许你会豁然开朗

    　　JSON(JavaScript Object Notation)和JSONP(JSON with Padding)虽然只有一个字母的差别，但其实他们根本不是一回事儿：JSON是一种数据交换格式，而JSONP是一种依靠开发人员的聪明才智创造出的一种非官方跨域数据交互协议。我们拿最近比较火的谍战片来打个比方，JSON是地下党们用来书写和交换情报的“暗号”，而JSONP则是把用暗号书写的情报传递给自己同志时使用的接头方式。看到没？一个是描述信息的格式，一个是信息传递双方约定的方法。

  • 2017-05-25 23:18:23

    webpack图片的路径与打包

    刚开始用webpack的同学很容易掉进图片打包这个坑里，比如打包出来的图片地址不对或者有的图片并不能打包进我们的目标文件夹里(bundle)。下面我们就来分析下在webpack项目中图片的应用场景。