關於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,此時就會自動提交。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM