首先參考下面這篇文章：

layui form表單下的button按鈕會(huì)自動(dòng)提交表單的問題以及解決方案_layui form里面其他button按鈕_你用點(diǎn)心就行的博客-CSDN博客

他說的已經(jīng)很清楚了，我再補(bǔ)充（啰嗦）一下：

其實(shí)就是使用form的時(shí)候，應(yīng)該對(duì)應(yīng)有一個(gè)提交按鈕，配套使用。其他功能按鈕相加多少就加多少，但是必須要有一個(gè)提交按鈕。

layui的官網(wǎng)說的也是比較清楚的，通過給按鈕button加上“l(fā)ay-submit”屬性來表示它作為一個(gè)提交按鈕，標(biāo)準(zhǔn)寫法如下：

 <button class="layui-btn" lay-submit lay-filter="demo-submit">提交按鈕</button><button class="layui-btn" id="test-btn-other">普通按鈕</button>

官方文檔地址：

表單組件 form - Layui 文檔?

因此，當(dāng)我們?cè)谑褂胒orm的時(shí)候，如果沒有添加標(biāo)準(zhǔn)的提交按鈕，會(huì)自動(dòng)默認(rèn)把其他的普通按鈕認(rèn)為是提交按鈕，因?yàn)閎utton的type默認(rèn)值為“submit”。

使用時(shí)注意：

1.在form中使用button時(shí)添加type屬性：button、submit、reset；

2.在不需要提交的場(chǎng)景使用form時(shí)盡量使用a標(biāo)簽按鈕來代替button，比如篩選功能中的查詢按鈕；

3.在form中使用了添加lay-submit屬性的button時(shí)，盡量加上監(jiān)聽事件防止默認(rèn)提交：

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