var html = '<form action="">' + '<div><label>角色名</label><div><input type="text" required lay-verify="required" placeholder="请输入角色名" autocomplete="off"></div></div>' + '<div><label>角色描述</label><div><textarea placeholder="请输入角色描述"></textarea></div></div>' + '<div><label>是否启用</label><div><input type="checkbox" lay-skin="switch" lay-text="开启|关闭"></div></div>' + '<div hidden><div><button lay-submit lay-filter="formDemo">提交</button></div></div>' + '</form>'; 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弹出层中表单不起作用的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: