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