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