layui弹框表单提交后关闭
时间: 2023-09-22 14:06:58 浏览: 155
layui 关闭open弹出框 刷新table表格页面的方法
在layui中,弹框表单提交后可以通过以下步骤实现关闭:
1. 监听表单提交事件,例如:
```
form.on('submit(form-submit)', function(data){
// 表单提交后的处理逻辑
// ...
// 关闭弹框
layer.closeAll('page');
});
```
这里的 `form-submit` 是表单的 lay-filter 属性值,用于绑定表单提交事件。
2. 在表单提交成功后,调用 `layer.closeAll('page')` 方法关闭弹框。
完整的代码示例:
```
// 监听表单提交事件
form.on('submit(form-submit)', function(data){
// 表单提交后的处理逻辑
// ...
// 关闭弹框
layer.closeAll('page');
});
// 显示弹框
layer.open({
type: 1,
title: '弹框标题',
content: $('#form-container'),
});
```
其中,`#form-container` 是包含表单的 HTML 元素的选择器。
阅读全文