layui表單中的按鈕會自動提交，這是一個很麻煩的事情。

這幾天項目中多次用到表單按鈕，仔細研究了下，找到了解決方法：

1、如果不需要放在表單中的按鈕，最好不要放在表單中，不在layui的form中的按鈕就不會進行自動提交了；

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標簽做成的按鈕來替代button。

````````````````````````````````````````````````````````````````````````````````

4、感謝評論區(qū)大佬的指正：

button的type設(shè)置為button就不會自動提交，默認是submit，此時就會自動提交。

以上這篇關(guān)于layui表單中按鈕自動提交的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。