您的当前位置:首页解决layer弹出层中表单不起作用的问题

解决layer弹出层中表单不起作用的问题

2023-03-13 来源:爱问旅游网
解决layer弹出层中表单不起作⽤的问题

如下所⽰:

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弹出层中表单不起作⽤的问题就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。

因篇幅问题不能全部显示,请点此查看更多更全内容