坑的外觀
最近用了一段時間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 表單提交數據為空的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
