如何在使用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("输入值为空！");
        }
    }
});

 

 


  • 精彩推荐

  • 2020-11-17 09:50:32

    android开发怎样让悬浮Activity只是隐藏而不销毁

    android在mainfest中给Activity添加一个属性 android:theme="@android:style/Theme.Dialog",可以使Activity悬浮在其它窗口上面，在布局中可以设置activity的大小，当点击悬浮Activity边缘以外区域时，Activity会消失，观察消失时其生命周期会发现执行了finish()方法从而执行了onDestroy方法。有时我们只是需要将Activity隐藏，并不销毁，此时可以重写finish方法,如下：

  • 2020-11-17 09:56:02

    uni-app直接用webiew打开本地js资源

    如果再结合activity不销毁，隐藏的方法，像里面传递参数，来改变页面，不销毁webview，我发现这样比原生的都要快。这样又能用于app端，又能生成小程序，何乐而不为

  • 2020-11-17 09:59:05

    在线图片取色器工具

    不知道为啥，现在idea的取色工具怎么都不好使了，给开发人员反映过，都一年了有没修复咋地。 网上搜到一个取色工具，把图片传上去，就可以点击取色。不错。

  • 2020-11-17 10:05:53

    mongoDB 修改密码

    mongodb的用户信息是存放在system.users表中的，修改密码不能直接更新表数据，这样的话，存到表里的密码是明文的，这就不对了。