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

2017年11月7日 MK JS 3 阅读 9288次

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

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

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就可以了。

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