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

2022-04-10 06:57:14 字數 409 閱讀 2444

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

2、放在表單中的按鈕可以通過js中的**函式裡新增 return false制止。filter中的引數指的是按鈕中的lay-filter屬性中的值,這個可以自己隨便設。

比如:

form.on('submit(filter)',function(data));

但是,這裡有乙個很容易忽視的問題:如果按鈕中沒有新增lay-submit屬性,layui的form.on的表單提交監聽不到這個按鈕,那麼return false對提交的制止也就失效了。

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

button的type設定為button就不會自動提交,預設是submit,此時就會自動提交。

關於layui框架的form表單布局

在使用from表單的時候,必須先宣告from模組,否則select checkbox radio等將無法顯示,並且無法使用form相關功能,這是很多小白一開始經常犯的錯誤,雖然這很簡單但也很基礎,所以有必要在這裡提一下 form模組宣告 在form使用class layui form 在from裡面...

layui點選按鈕自動重新整理頁面問題

button class layui btn layui btn primary onclick finddata 查詢 button 點選頁面上的按鈕,執行完button的click事件後,會自動的重新重新整理一下當前的頁面。button,input type button按鈕在ie和w3c,fi...

layui中form表單渲染的問題

layui 官網的這部分文件介紹 注意 針對的是表單元素,input select textarea 1.必須給表單體系所在的父元素加上class layui form 裡層的每乙個專案,加上class layui form item 2執行layui.form.render type,filter...