關(guān)于layui的學(xué)習(xí)筆記–button按鈕在form表單外面如何進(jìn)行提交

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

方法二：
在表單里添加一個(gè)隱藏提交按鈕，當(dāng)點(diǎn)擊外部表單時(shí)來觸發(fā)內(nèi)部表單的點(diǎn)擊操作。具體實(shí)現(xiàn)就不做過多的介紹了。

方法三：
就是重點(diǎn)介紹的，今天做項(xiàng)目的時(shí)候忽然發(fā)現(xiàn)一個(gè)比較有意思的事，那就是form表單的預(yù)設(shè)元素屬性lay-submit,利用這個(gè)屬性做了個(gè)簡單的測(cè)試：

<form action="xxx" class="layui-form"><label>關(guān)鍵字 :</label><div class="layui-inline" style="margin-right: 10px;width:500px"><input type="text" name="information" placeholder="請(qǐng)輸入相關(guān)信息" 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可要可不要，去掉對(duì)使用form.on(‘event(過濾器值)’, callback);沒有什么影響；表單外的加了lay-submit屬性的不能夠刪除，加了這個(gè)預(yù)設(shè)屬性，這個(gè)按鈕就可以自動(dòng)與表單進(jìn)行綁定，然后就可以使用表單的監(jiān)聽語法了，如果刪除掉的話，那么就不能夠使用layui表單自帶的事件觸發(fā)語法了。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。