天天看點

html表單防止重複送出,防止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表單重複送出的實作方法就是小編分享給大家的全部内容了,希望能給大家一個參考,也希望大家多多支援腳本之家。