原因:检查 layer.open success回调方法是否绑定表单校验方法,使用场景如下
function addFormData(){
var layerFlag = layer.open({
type: 2, //2(iframe层)
title: '标题', //标题
area: ['95%', '86%'], //宽高
maxmin: false,
shade: 0.4, //遮罩透明度
content: 'inputAdd.jsp',//支持获取DOM元素
scrollbar: false ,//屏蔽浏览器滚动条
btn: ['保存','取消'], //按钮组
yes: function(index){ //点击确定回调
//通过该对象可以获取iframe中的dom元素
var body = layer.getChildFrame('body', index);
//获取form表单
var form = body.find('form');
if (!form.isValid()) {
return false;
}
//此处表单数据提交代码省略...
},
success: function(layero, index){
//弹窗成功回调函数,此处必须绑定表单校验方法,否则会导致表单提交时校验不生效
layero.find('.layui-layer-btn').css({'text-align': 'center','background-color': '#eee'});
var body = layer.getChildFrame('body', index);
var form = body.find('form');
form.validator();
},
end: function(){
layer.closeAll();
}
});
}