防止Layui form表單重復(fù)提交的實(shí)現(xiàn)方法
在提交表單數(shù)據(jù)時(shí),提交按鈕為 submit 類型,以layui為js框架時(shí),會(huì)重復(fù)提交表單數(shù)據(jù),為防止這一情況,有效的做法是:
在<form>里面,加上 lay-filter="formConfig" , οnsubmit="return false" , 其中 “formConfig” 為自定義,然后在 提交的按鈕事件內(nèi):
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表單重復(fù)提交的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn)
大家做小程序項(xiàng)目的時(shí)候肯定會(huì)遇到數(shù)據(jù)對(duì)接需求,下面這篇文章主要給大家介紹了關(guān)于微信小程序網(wǎng)絡(luò)請(qǐng)求模塊封裝的具體實(shí)現(xiàn),文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03基于javascript的無(wú)縫滾動(dòng)動(dòng)畫實(shí)現(xiàn)2
這篇文章主要介紹了基于javascript的無(wú)縫滾動(dòng)動(dòng)畫實(shí)現(xiàn)2,文章通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08在Google 地圖上實(shí)現(xiàn)做的標(biāo)記相連接
這篇文章主要介紹了在Google 地圖上實(shí)現(xiàn)做的標(biāo)記相連接,需要的朋友可以參考下2015-01-01Javascript中Microtask和Macrotask鮮為人知的知識(shí)點(diǎn)
這篇文章主要為大家介紹了Javascript中Microtask和Macrotask鮮為人知的知識(shí)點(diǎn)講解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步早日升職加薪2022-04-04讓GoogleCode的SVN下的HTML文件在FireFox下正常顯示.
GoogleCode可以作為免費(fèi)的穩(wěn)定的靜態(tài)資源空間來使用,比如JQuery的文檔就在上面2009-05-05JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之?dāng)?shù)組的表示方法,從數(shù)據(jù)結(jié)構(gòu)線性表的角度分析了數(shù)組的原理并結(jié)合實(shí)例形式分析了javascript數(shù)組的定義與使用方法,需要的朋友可以參考下2017-04-049102了,你還不會(huì)移動(dòng)端真機(jī)調(diào)試嗎
這篇文章主要介紹了9102了,你還不會(huì)移動(dòng)端真機(jī)調(diào)試嗎,本文詳細(xì)的介紹了3種移動(dòng)端真機(jī)調(diào)試方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-03-03原生js實(shí)現(xiàn)拖拽移動(dòng)與縮放效果
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)拖拽移動(dòng)與縮放效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08JS自定義對(duì)象創(chuàng)建與簡(jiǎn)單使用方法示例
這篇文章主要介紹了JS自定義對(duì)象創(chuàng)建與簡(jiǎn)單使用方法,結(jié)合實(shí)例形式分析了JavaScript創(chuàng)建與使用自定義對(duì)象的相關(guān)操作技巧,需要的朋友可以參考下2020-01-01