防止Layui form表单重复提交的实现方法
190 浏览量
2020-10-16
10:47:42
上传
评论 1
收藏 29KB PDF 举报
防止防止Layui form表单重复提交的实现方法表单重复提交的实现方法
今天小编就为大家分享一篇防止Layui form表单重复提交的实现方法，具有很好的参考价值，希望对大家有所帮助。
一起跟随小编过来看看吧
在提交表单数据时，提交按钮为 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表单重复提交的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持
我们。
资源评论
weixin_38641896
- 粉丝: 2
- 资源: 915
最新资源
- 基于SSM的电影购票系统 框架：Spring+SpringMVC+MyBatis+JSP
- UE5插件 后台WebApi的Restful接口请求交互
- 易语言简单绘制Demo
- 数值积分-复化梯形求积公式 - 北太天元
- DUmeter-8050exe
- 毕业设计：Java项目之jsp医院药品采购管理系统（源码 + 数据库 + 说明文档）
- JavaScript DOM视频教程包含源码作业及项目实战
- 简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
- UMG图表控件+UE5插件+曲线图、饼图、环状图、柱状图
- 简历-求职简历-word-文件-简历模版免费分享-应届生-高颜值简历模版-个人简历模版-简约大气-大学生在校生-求职-实习
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
