防止Layui form表单重复提交的实现方法
2019-09-10 08:38
2121 查看
在提交表单数据时,提交按钮为 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表单重复提交的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 防止表单重复提交的实现方法!
- php 防止表单重复提交两种实现方法
- 用JavaScript防止重复提交表单form的两种方法
- form表单防止重复提交的方法
- 防止form表单重复提交的八种方法
- [转]防止表单重复提交的实现方法!
- js防止表单重复提交实现代码
- php通过记录IP来防止表单重复提交方法分析
- 几种防止表单重复提交的方法
- PHP防止表单重复提交的几种常用方法汇总
- Prevent double form submit(防止表单重复提交)
- 使用struts2拦截器实现防止表单数据重复提交
- Asp.net实现弹出窗口提示,又防止刷新被重复提交的方法
- 防止表单重复提交的巧妙方法
- Jquery Validation插件防止重复提交表单的解决方法
- 前台防止表单重复提交的方法。Jquery、js
- php 解决和避免form表单重复提交的方法
- Servlet、SPringMVC、Struts等防止表单重复提交的多种处理方法
- ASP防止重复多次提交表单的方法
- php防止form重复提交的方法