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

in with 0 comments

js

在使用以下代码监听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表单提交的操作

本文由 范文皓 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: 2018-09-27 00:23:36.0

← ↓ ↑ →
Responses /