防止Layui form表单重复提交的实现方法
更新时间：2019年09月10日 08:38:25 作者：xmwangtiger
今天小编就为大家分享一篇防止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表单重复提交的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
基于javascript代码实现最简单的图片轮播效果，非常简单，本文通过两种方式给大家介绍最简单的图片轮播，感兴趣的朋友一起学习吧2015-12-12
这篇文章主要介绍了javascript中类的定义方式,结合实例形式较为详细的分析了JavaScript中类的四种定义方式,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
在 TypeScript 中，有两种主要的定义自定义类型的方式，接口和类型，尽管它们在外观上可能相似，但它们之间有一些关键的区别，本文就详细的介绍一下，感兴趣的可以了解下2023-05-05
这篇文章主要介绍了js获得当前系统日期时间的方法,涉及javascript操作日期时间的相关技巧,非常简单实用,需要的朋友可以参考下2015-05-05
JavaScript 自动分号插入（JavaScript synat:auto semicolon insertion）
今天在看《Extjs中文手册》的时候，写了四五行样例代码，结果IE和Firefox一直报错不通过。2009-11-11
javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版
javascript 文字上下间隔滚动的代码 符合WEB标准 脚本之家修正版，这里提供了两个版本，第二个在firefox下运行有些问题大家可以修改下，第一个的高度问题，已经修正，其实就是简单的加了css样式。2009-12-12
在项目开发中，经常会遇到同一天内的时间大小比较，下面小编给大家带来了JavaScript比较同一天的时间大小实例代码，需要的朋友参考下2018-02-02
js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
这篇文章主要介绍了js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的使用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了JavaScript获取URL参数的方法分享，主要包括字符串 split 方法、 URLSearchParams 方法、正则匹配方法等，具有一定的参考价值需要的小伙伴可以参考一下2022-04-04
这篇文章主要介绍了JS获取短信验证码倒计时的实现代码,需要的朋友可以参考下2017-05-05
最新评论