layui form表單提交后實現(xiàn)自動刷新
剛剛使用layui 來做東西，對這一切都不熟悉，使用一下form表單，但是，不能成功的使用。
問題：
1、提交表單，頁面自動刷新。
出現(xiàn)這樣的情況呢，搜索了一下是因為表單的提交按鈕沒有type類型。哪怕是button標(biāo)簽?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標(biāo)簽中的lay-filter的屬性值。
先記錄到這兒吧，好坑。一切的東西最好按照api上邊的寫。
以上這篇layui form表單提交后實現(xiàn)自動刷新就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
js實現(xiàn)鼠標(biāo)左右移動，圖片也跟著移動效果
本文主要介紹了js實現(xiàn)鼠標(biāo)左右移動，圖片也跟著移動效果的方法與思路。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了JavaScript中0和""比較引發(fā)的問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-05-05
Boostrap柵格系統(tǒng)與自己額外定義的媒體查詢的沖突問題
這篇文章主要介紹了Boostrap柵格系統(tǒng)與自己額外定義的媒體查詢的沖突問題,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
JavaScript 開發(fā)規(guī)范要求(圖文并茂)
作為一名開發(fā)人員（WEB前端JavaScript開發(fā)），不規(guī)范的開發(fā)不僅使日后代碼維護變的困難，同時也不利于團隊的合作，通常還會帶來代碼安全以及執(zhí)行效率上的問題。2010-06-06
phantomjs導(dǎo)出html到pdf的方法總結(jié)
這篇文章主要介紹了phantomjs導(dǎo)出html到pdf的方法總結(jié),需要的朋友可以參考下2017-10-10
Javascript獲取與設(shè)置ckeditor數(shù)據(jù)的實現(xiàn)方法
最近編輯器后臺升級成了ckeditor,但原來后臺有很多對應(yīng)編輯器內(nèi)容的替換功能,那么就需要用js獲取ckeditor編輯器里面的內(nèi)容,這里就為大家介紹一下具體的實現(xiàn)方法2023-08-08
這篇文章主要介紹了微信小程序 可搜索的地址選擇實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-08-08
JavaScript高級程序設(shè)計 閱讀筆記（二十） js錯誤處理
語法錯誤,也稱解析錯誤，發(fā)生在傳統(tǒng)語言的編譯時，在JavaScript中發(fā)生在解釋時,運行時錯誤也稱為異常（exception，在編譯期/解釋器后）2012-08-08
這篇文章主要介紹了JavaScript對象屬性檢查、增加、刪除、訪問操作實例,本文分別給出代碼實例來講解如何給對象增加屬性、檢查屬性存在、以及刪除和訪問屬性,需要的朋友可以參考下2015-07-07
JavaScript中setTimeout的那些事兒到底有什么？setTimeout單線程、延遲時間等，感興趣的小伙伴們可以參考一下2016-11-11