layui的表单是我特别常用的一个功能,这次在写添加和修改界面时,也顺手将layui的表单界面放进去,想着等会利用layui自带的表单验证功能将用户输入的值进行一一验证,没想到遇到了如题目所描述的情况。
在这里我并没有用到他自带的“立即提交”的submit按钮,而是弹出层的“确定”按钮,放代码:
//“新增信息”按钮点击事件
add.addEventListener("click", function () {
layer.open({
type: 1,
title: '新增*****信息',
content: $('#DomLeave'),
area: ['80%', '80%'],
btn: ['确定', '取消'],
success: function (layero, index) {
// 添加form标识
layero.addClass('layui-form');
// 将保存按钮改变成提交按钮
layero.find('.layui-layer-btn0').attr({
'lay-filter': 'formDemoDDD',//注:这个formDemoDDD可以自己随便取名
//但是需要和确定按钮yes:里的
//form.on('submit(formDemo)'对应
'lay-submit': '' //这里就是空的
});
form.render();
},
yes: function (layer_index) {
form.on('submit(formDemoDDD)', function (data) {//与你自己取的名对应好
//Ajax请求或者其他向后端的请求
})
}
这其中在success成功打开弹出层后,将弹出层的“确定”按钮,绑定成提交按钮,再之后就可以进行表单验证了。
如果这篇文章对你有参考意义,请顺手点个赞再走吧~
参考:链接
参考:链接