避免layui form表单重复触发submit绑定事件

个人博客 地址:http://www.wenhaofan.com/article/20180927002336

在使用以下代码监听lay-filter为editConfig的提交按钮后,当点击提交按钮时会触发两次该提交事件。

form.on("submit(editConfig)",function(data){
}

最后经过检查代码发现form表单的lay-filter的值同样为editConfig

<form class="layui-form " lay-filter="editConfig" action="" onsubmit="return false">
</form>

针对该情况有两种解决办法

1 .修改lay-filter命名，避免相同名称即可

2.在以下代码块中

    form.on("submit(editConfig)",function(data){ }

回调事件结尾增加return false

 form.on("submit(editConfig)",function(data){
    	return false;
    }

用该方法来阻止触发form表单提交的操作