關于layui的學習筆記–button按鈕在form表單外面如何進行提交

方法一：
通過點擊直接獲取form中所有的值
layui.$(#demo).on(‘click’,function(){…});

方法二：
在表單里添加一個隱藏提交按鈕，當點擊外部表單時來觸發內部表單的點擊操作。具體實現就不做過多的介紹了。

方法三：
就是重點介紹的，今天做項目的時候忽然發現一個比較有意思的事，那就是form表單的預設元素屬性lay-submit,利用這個屬性做了個簡單的測試：

<form action="xxx" class="layui-form"><label>關鍵字 :</label><div class="layui-inline" style="margin-right: 10px;width:500px"><input type="text" name="information" placeholder="請輸入相關信息" autocomplete="off" class="layui-input"></div><button class="layui-btn" lay-submit lay-filter="searchForm"><i class="layui-icon">&#xe615;</i> 查詢</button> </form><table class="layui-hide" id="table" lay-filter="table"></table> <button type="button" lay-submit lay-filter="zzz" class="layui-btn layui-btn-sm layui-btn-normal">提交</button>

要注意的是form表單里的lay-submit可要可不要，去掉對使用form.on(‘event(過濾器值)’, callback);沒有什么影響；表單外的加了lay-submit屬性的不能夠刪除，加了這個預設屬性，這個按鈕就可以自動與表單進行綁定，然后就可以使用表單的監聽語法了，如果刪除掉的話，那么就不能夠使用layui表單自帶的事件觸發語法了。

總結

以上是生活随笔為你收集整理的2021-05-08的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。