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

猜你喜欢

转载自www.cnblogs.com/fanwenhao/p/9723741.html