本篇文章為大家展示了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 表單提交數據為空如何解決,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注創新互聯行業資訊頻道。
網站欄目:Layui表單提交數據為空如何解決-創新互聯
網址分享:http://vcdvsql.cn/article22/jspcc.html
成都網站建設公司_創新互聯,為您提供移動網站建設、響應式網站、品牌網站制作、關鍵詞優化、定制開發、小程序開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯