layui form表單提交后實(shí)現(xiàn)自動(dòng)刷新
剛剛使用layui 來做東西，對(duì)這一切都不熟悉，使用一下form表單，但是，不能成功的使用。
問題：
1、提交表單，頁面自動(dòng)刷新。
出現(xiàn)這樣的情況呢，搜索了一下是因?yàn)楸韱蔚奶峤话粹o沒有type類型。哪怕是button標(biāo)簽?zāi)?，也不行。我試了一下，使用這種情況的話，主要是在監(jiān)聽事件中并沒有返回return false，如果返回了return false，這個(gè)就可以不再刷新。
2、提交表單，獲取不到form表單中的數(shù)據(jù)。
有人說，是因?yàn)榻o了一個(gè)id，并沒有給name屬性，用慣了jquery。我懶得去找這個(gè)問題，因?yàn)椋郧疤峤粩?shù)據(jù)使用jQuery的form提交的話用的是實(shí)例化的方法serialzeable() 方法。算一個(gè)吧。
沒有給form表單添加class 指明是class=“l(fā)ayui-form”。這也是一個(gè)問題。這個(gè)是不注意么。
我避免了上述的問題，還是在data中獲取不到field中的值，那么問題來了。這個(gè)是怎么回事兒？ 以為啊form內(nèi)置模塊中有一個(gè)屬性 lay-submit 無需填寫值，綁定觸發(fā)提交的元素，如button，好吧。問題出現(xiàn)在了這兒。
事件監(jiān)聽的方法，form.on（‘submit(filter)',function(){}） 里邊的filter是button的lay-filter的值，并不是form標(biāo)簽中的lay-filter的屬性值。
先記錄到這兒吧，好坑。一切的東西最好按照api上邊的寫。
以上這篇layui form表單提交后實(shí)現(xiàn)自動(dòng)刷新就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)數(shù)組去重的14種方法大全
親愛的小伙伴,對(duì)于數(shù)組javascript中的數(shù)組去重方法你知道多少種呢？學(xué)會(huì)如何對(duì)數(shù)組進(jìn)行去重對(duì)于javascript的學(xué)習(xí)來說也是十分重要的,下邊就讓我來分享一下我所知道的集中數(shù)組去重的方法吧,感興趣的小伙伴跟著小編一起來看看吧2025-03-03
js使用xml數(shù)據(jù)載體實(shí)現(xiàn)城市省份二級(jí)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了js使用xml數(shù)據(jù)載體實(shí)現(xiàn)城市省份二級(jí)聯(lián)動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
Bootstrap每天必學(xué)之響應(yīng)式導(dǎo)航、輪播圖
Bootstrap每天必學(xué)之響應(yīng)式導(dǎo)航、輪播圖,本文的主要內(nèi)容是在導(dǎo)航條的下方做一張輪播圖，自動(dòng)播放最新的重要?jiǎng)討B(tài)，感興趣的小伙伴們可以參考一下2016-04-04
利用Node.js創(chuàng)建一個(gè)密碼生成器的全步驟
這篇文章主要給大家介紹了關(guān)于如何利用Node.js創(chuàng)建一個(gè)密碼生成器的相關(guān)資料,文章將實(shí)現(xiàn)的步驟一步步介紹的非常詳細(xì),對(duì)大家具有也一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2021-07-07
JavaScript隨機(jī)生成信用卡卡號(hào)的方法
這篇文章主要介紹了JavaScript隨機(jī)生成信用卡卡號(hào)的方法,涉及javascript操作隨機(jī)隨機(jī)數(shù)生成信用卡卡號(hào)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04
JS判斷空對(duì)象的幾個(gè)方法大盤點(diǎn)
在做數(shù)據(jù)交互的時(shí)候,我們經(jīng)常需要判斷數(shù)據(jù)或者對(duì)象是不是為空,避免當(dāng)接口異常時(shí)候前端頁面崩潰,下面這篇文章主要給大家介紹了關(guān)于JS判斷空對(duì)象的幾個(gè)方法,需要的朋友可以參考下2022-02-02
js get和post請(qǐng)求實(shí)現(xiàn)代碼解析
這篇文章主要介紹了js get和post實(shí)現(xiàn)代碼解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
45個(gè)JavaScript編程注意事項(xiàng)、技巧大全
這篇文章主要介紹了45個(gè)JavaScript編程注意事項(xiàng)、技巧大全,在這篇文章里,我將分享一些JavaScript的技巧、秘訣和最佳實(shí)踐,除了少數(shù)幾個(gè)外,不管是瀏覽器的JavaScript引擎,還是服務(wù)器端JavaScript解釋器,均適用,需要的朋友可以參考下2015-02-02
COM組件中調(diào)用JavaScript函數(shù)詳解及實(shí)例
這篇文章主要介紹了COM組件中調(diào)用JavaScript函數(shù)詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序tabBar底部導(dǎo)航中文注解api，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08