解決Layui 表單提交數據為空的問題

來源：懂視網責編：小采時間：2020-11-27 22:09:58

解決Layui 表單提交數據為空的問題

解決Layui 表單提交數據為空的問題:坑的外觀最近用了一段時間Layui作為項目后臺管理模塊的前端框架，感覺還是挺好用的。今天踩了個坑，就是使用layui表單提交時，提交的數據為空。例如，layer.msg(JSON.stringify(data.field));這句代碼執行后，頁面顯示為空對象。 <form c

推薦度：

點擊下載本文 文檔為doc格式

導讀解決Layui 表單提交數據為空的問題:坑的外觀最近用了一段時間Layui作為項目后臺管理模塊的前端框架，感覺還是挺好用的。今天踩了個坑，就是使用layui表單提交時，提交的數據為空。例如，layer.msg(JSON.stringify(data.field));這句代碼執行后，頁面顯示為空對象。 <form c

坑的外觀

最近用了一段時間Layui作為項目后臺管理模塊的前端框架，感覺還是挺好用的。

今天踩了個坑，就是使用layui表單提交時，提交的數據為空。

例如，layer.msg(JSON.stringify(data.field));這句代碼執行后，頁面顯示為空對象。

<form class="layui-form" action="">
 <div class="layui-form-item">
 <label class="layui-form-label">輸入框</label>
 <div class="layui-input-block">
 <input type="text" id="title" required lay-verify="required" placeholder="請輸入標題" autocomplete="off" class="layui-input">
 </div>
 </div>
</form>

layui.use('form', function(){
 var form = layui.form;

 //監聽提交
 form.on('submit(formDemo)', function(data){
 layer.msg(JSON.stringify(data.field));//此處顯示輸入內容
 return false;
 });
});

坑的原因

想了半天都沒弄明白，最后仔細對比了示例源碼和自己的代碼，原來是人家Layui提交表單時是按元素的name和value準備數據的，而我為了使用jQuey處理元素方便，把name改為id。

就是這個：<input type="text" id="title"

改為<input type="text" id="title" name="title"后，問題解決。

以上這篇解決Layui 表單提交數據為空的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com