阜陽(yáng)訊拓網(wǎng)站建設(shè)公司廣州優(yōu)化疫情防控措施
首先參考下面這篇文章:
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;
});