form触发2次 layui_防止Layui form表单重复提交的实现方法

在提交表单数据时，提交按钮为 submit 类型，以layui为js框架时，会重复提交表单数据，为防止这一情况，有效的做法是：

在

里面，加上 lay-filter="formConfig" , οnsubmit="return false" , 其中 “formConfig” 为自定义，然后在 提交的按钮事件内：

form.on("submit(formConfig)",function(data){

return false;

});

具体做法：

1、在form 里面：

提交

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表单重复提交的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。