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)刷新就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)鼠標(biāo)左右移動(dòng),圖片也跟著移動(dòng)效果
本文主要介紹了js實(shí)現(xiàn)鼠標(biāo)左右移動(dòng),圖片也跟著移動(dòng)效果的方法與思路。具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-01-01Boostrap柵格系統(tǒng)與自己額外定義的媒體查詢的沖突問題
這篇文章主要介紹了Boostrap柵格系統(tǒng)與自己額外定義的媒體查詢的沖突問題,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02JavaScript 開發(fā)規(guī)范要求(圖文并茂)
作為一名開發(fā)人員(WEB前端JavaScript開發(fā)),不規(guī)范的開發(fā)不僅使日后代碼維護(hù)變的困難,同時(shí)也不利于團(tuán)隊(duì)的合作,通常還會(huì)帶來代碼安全以及執(zhí)行效率上的問題。2010-06-06phantomjs導(dǎo)出html到pdf的方法總結(jié)
這篇文章主要介紹了phantomjs導(dǎo)出html到pdf的方法總結(jié),需要的朋友可以參考下2017-10-10Javascript獲取與設(shè)置ckeditor數(shù)據(jù)的實(shí)現(xiàn)方法
最近編輯器后臺(tái)升級(jí)成了ckeditor,但原來后臺(tái)有很多對(duì)應(yīng)編輯器內(nèi)容的替換功能,那么就需要用js獲取ckeditor編輯器里面的內(nèi)容,這里就為大家介紹一下具體的實(shí)現(xiàn)方法2023-08-08JavaScript高級(jí)程序設(shè)計(jì) 閱讀筆記(二十) js錯(cuò)誤處理
語法錯(cuò)誤,也稱解析錯(cuò)誤,發(fā)生在傳統(tǒng)語言的編譯時(shí),在JavaScript中發(fā)生在解釋時(shí),運(yùn)行時(shí)錯(cuò)誤也稱為異常(exception,在編譯期/解釋器后)2012-08-08JavaScript對(duì)象屬性檢查、增加、刪除、訪問操作實(shí)例
這篇文章主要介紹了JavaScript對(duì)象屬性檢查、增加、刪除、訪問操作實(shí)例,本文分別給出代碼實(shí)例來講解如何給對(duì)象增加屬性、檢查屬性存在、以及刪除和訪問屬性,需要的朋友可以參考下2015-07-07