關(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)提交的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。