广创网-网站建设公司

边防

百度SEO和谷歌SEO有什么区别?

在提交表单数据时,提交按钮为 submit 类型,以layui为js框架时,会重复提交表单数据,为防止这一情况,有效的做法是:在<form>里面 ,加上 lay-filter="formConfig" , οnsubmit="return false" , 其中 “formConfig” 为自定义 ,然后在 提交的按钮事件内:form.on("submit(formConfig)",function(data){return false;});具体做法:1、在form 里面:<form class="layui-form" id="addform" name="addform" lay-filter="formConfig" method="post" action="" enctype="multipart/form-data" οnsubmit="return false" ><button type="submit" class="btn btn-primary radius" id="btnSave" >提交</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表单重复提交的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考您可能感兴趣的文章:layui 对弹窗 form表单赋值的实现方法解决layui中的form表单与button的点击事件冲突问题关于layui表单中按钮自动提交的解决方法layui插件表单验证提交触发提交的例子

相关文章