關(guān)于layui表單中按鈕自動(dòng)提交的解決方法
layui表單中的按鈕會(huì)自動(dòng)提交，這是一個(gè)很麻煩的事情。
這幾天項(xiàng)目中多次用到表單按鈕，仔細(xì)研究了下，找到了解決方法：
1、如果不需要放在表單中的按鈕，最好不要放在表單中，不在layui的form中的按鈕就不會(huì)進(jìn)行自動(dòng)提交了；
2、放在表單中的按鈕可以通過js中的回調(diào)函數(shù)里添加 return false制止。filter中的參數(shù)指的是按鈕中的lay-filter屬性中的值，這個(gè)可以自己隨便設(shè)。
比如：
form.on('submit(filter)',function(data){
......
return false;
});
但是，這里有一個(gè)很容易忽視的問題：如果按鈕中沒有添加lay-submit屬性，layui的form.on的表單提交監(jiān)聽不到這個(gè)按鈕，那么return false對(duì)提交的制止也就失效了。
3、還有一種方法，就是使用a標(biāo)簽做成的按鈕來替代button。
````````````````````````````````````````````````````````````````````````````````
4、感謝評(píng)論區(qū)大佬的指正：
button的type設(shè)置為button就不會(huì)自動(dòng)提交，默認(rèn)是submit，此時(shí)就會(huì)自動(dòng)提交。
以上這篇關(guān)于layui表單中按鈕自動(dòng)提交的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)跨瀏覽器的添加及刪除事件綁定函數(shù)實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)跨瀏覽器的添加及刪除事件綁定函數(shù),采用純javascript實(shí)現(xiàn)jquery的bind及unbind添加與刪除事件綁定的技巧,具有很好的瀏覽器兼容性,需要的朋友可以參考下2015-08-08
JavaScript表單通過正則表達(dá)式驗(yàn)證電話號(hào)碼
通過正則表達(dá)式實(shí)現(xiàn)判斷一個(gè)輸入量是否為電話號(hào)碼,需要的朋友可以參考下2014-03-03
有時(shí)候在寫JavaScript添加到你的網(wǎng)頁中的時(shí)候，你將需要決定是使用已有的可用的JavaScript庫還是自己寫所有代碼。其中每個(gè)各有優(yōu)缺點(diǎn)，因此沒有任何一種方式對(duì)每個(gè)人來說都是絕對(duì)正確的選擇。2010-01-01
javaScript實(shí)現(xiàn)網(wǎng)頁版的彈球游戲
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)網(wǎng)頁版的彈球游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)搜索商品和歷史記錄的功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript之promise_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了JavaScript之promise的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
基于JS實(shí)現(xiàn)視頻上傳顯示進(jìn)度條
這篇文章主要介紹了基于JS實(shí)現(xiàn)視頻上傳顯示進(jìn)度條,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
這篇文章主要為大家介紹了tree?shaking功能及使用原理詳細(xì)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪的相關(guān)資料2023-01-01
js實(shí)現(xiàn)時(shí)間軸自動(dòng)排列效果
本文主要介紹了js實(shí)現(xiàn)新增加事件：時(shí)間軸自動(dòng)排列效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03
JavaScript自定義日期格式化函數(shù)詳細(xì)解析
下面的一個(gè)例子就是以獨(dú)立函數(shù)寫出的JavaScript日期格式化函數(shù)，獨(dú)立的format函數(shù)?；氐礁袷交倪@一知識(shí)點(diǎn)上，我們考查的是怎么實(shí)現(xiàn)的、運(yùn)用了哪些原理2014-01-01