避免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表单提交的操作

posted @ 2018-09-29 15:04  夜漫  阅读(7360)  评论(0编辑  收藏  举报