關于layui表單中按鈕自動提交的解決方法

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

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

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

2、放在表單中的按鈕可以通過js中的回調函數里添加 return false制止。filter中的參數指的是按鈕中的lay-filter屬性中的值，這個可以自己隨便設。

比如：

form.on('submit(filter)',function(data){
  ......
  return false;
});

但是，這里有一個很容易忽視的問題：如果按鈕中沒有添加lay-submit屬性，layui的form.on的表單提交監聽不到這個按鈕，那么return false對提交的制止也就失效了。

3、還有一種方法，就是使用a標簽做成的按鈕來替代button。

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

4、感謝評論區大佬的指正：

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

以上這篇關于layui表單中按鈕自動提交的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。