欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2018年08月15日 11:15:20   作者：熊貓大哥大  
今天小編就為大家分享一篇解決Layui 表單提交數據為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

坑的外觀

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

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

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

<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;

 //監(jiān)聽提交
 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 表單提交數據為空的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關文章

最新評論