如下所示:
var html = '
'+ '
+ '
+ '
+ '
+ '
';layer.open({
type : 0,
title : '添加角色',
area : [ '500px', '400px' ],
shadeClose : true, // 点击遮罩关闭
content : html,
btn : [ '确认', '取消' ],
success : function(index, layero) { // 成功弹出后回调
form.render('checkbox'); // 刷新checkbox开关渲染(否则开关按钮会不显示)
},
yes : function(index, layero) { // 确认按钮回调函数
layero.find('#addRole').click();
},
btn2 : function(index, layero) { // 取消按钮回调函数
layer.close(index); // 关闭弹出层
}
});
我的弹出层表单验证不起作用的原因是将弹框参数type设置成0了,将type改为1之后表单就起作用了
layer.open({
type : 1,
title : '添加角色',
area : [ '500px', '400px' ],
shadeClose : true, // 点击遮罩关闭
content : html,
btn : [ '确认', '取消' ],
success : function(index, layero) { // 成功弹出后回调
form.render('checkbox'); // 刷新checkbox开关渲染(否则开关按钮会不显示)
},
yes : function(index, layero) { // 确认按钮回调函数
layero.find('#addRole').click();
},
btn2 : function(index, layero) { // 取消按钮回调函数
layer.close(index); // 关闭弹出层
}
});
以上这篇解决layer弹出层中表单不起作用的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
时间: 2019-09-09