溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Layui 表單提交數(shù)據(jù)為空如何解決

發(fā)布時間:2021-06-16 15:42:39 來源:億速云 閱讀:387 作者:Leah 欄目:web開發(fā)

本篇文章為大家展示了Layui 表單提交數(shù)據(jù)為空如何解決,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細(xì)介紹希望你能有所收獲。

例如,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="請輸入標(biāo)題" 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));//此處顯示輸入內(nèi)容
  return false;
 });
});

坑的原因

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

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

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

上述內(nèi)容就是Layui 表單提交數(shù)據(jù)為空如何解決,你們學(xué)到知識或技能了嗎?如果還想學(xué)到更多技能或者豐富自己的知識儲備,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI