明凯博客

关注网站技术,一个特立独行的程序员

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

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

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

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

WX20171107-155821@2x

如果我什么都不输入,不管怎么点击确定都是不行的。
我们看一下prompt这个参数

1
layer.prompt(options, yes)

第一个是参数,第二个是回调。

我们查看文档可以知道layer.prompt也是继承layer.open的,那么我们直接用原方法yes就可以了。

1
2
3
4
5
6
7
8
9
10
layer.prompt({
  formType: 0,
  value: '初始值',
  title: '请输入值',
  area: ['800px', '350px'] //自定义文本域宽高
  yes: function(index, layero){
     alert(layero.find(".layui-layer-input").val());
     layer.close(index);
  }
};

我估计prompt重新做了判断,像我上面这么用就没什么问题了。

, ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注