今天小编就为大家分享一篇防止Layui form表单重复提交的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在提交表单数据时，提交按钮为 submit 类型，以layui为js框架时，会重复提交表单数据，为防止这一情况，有效的做法是：
在<form>里面，加上 lay-filter="formConfig" , οnsubmit="return false" , 其中 “formConfig” 为自定义，然后在 提交的按钮事件内：
form.on("submit(formConfig)",function(data){ return false; });
具体做法：
1、在form 里面：
<form lay-filter="formConfig" method="post" action="" enctype="multipart/form-data" οnsubmit="return false" > <button type="submit" >提交</button>
2、在提交的按钮事件：
$(function(){ $("#btnSave").click(function(){ layui.use('form',function(){ var form=layui.form; form.render(); form.on("submit(formConfig)",function(data){ return false; }); }); $.ajax({ // to do...... }); }）；
以上这篇防止Layui form表单重复提交的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: