解決Layui 表單提交數(shù)據(jù)為空的問(wèn)題
更新時(shí)間：2018年08月15日 11:15:20 作者：熊貓大哥大
今天小編就為大家分享一篇解決Layui 表單提交數(shù)據(jù)為空的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
坑的外觀
最近用了一段時(shí)間Layui作為項(xiàng)目后臺(tái)管理模塊的前端框架，感覺(jué)還是挺好用的。
今天踩了個(gè)坑，就是使用layui表單提交時(shí)，提交的數(shù)據(jù)為空。
例如，layer.msg(JSON.stringify(data.field));這句代碼執(zhí)行后，頁(yè)面顯示為空對(duì)象。
<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="請(qǐng)輸入標(biāo)題" autocomplete="off" class="layui-input">
</div>
</div>
</form>
layui.use('form', function(){
var form = layui.form;
//監(jiān)聽(tīng)提交
form.on('submit(formDemo)', function(data){
layer.msg(JSON.stringify(data.field));//此處顯示輸入內(nèi)容
return false;
});
});
坑的原因
想了半天都沒(méi)弄明白，最后仔細(xì)對(duì)比了示例源碼和自己的代碼，原來(lái)是人家Layui提交表單時(shí)是按元素的name和value準(zhǔn)備數(shù)據(jù)的，而我為了使用jQuey處理元素方便，把name改為id。
就是這個(gè)：<input type="text" id="title"
改為<input type="text" id="title" name="title"后，問(wèn)題解決。
以上這篇解決Layui 表單提交數(shù)據(jù)為空的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
下載文件個(gè)別瀏覽器文件名亂碼解決辦法，需要的朋友可以參考一下2013-03-03
這篇文章主要介紹了JS的async/await怎么使用,簡(jiǎn)單來(lái)說(shuō)，async/await是基于promises的語(yǔ)法糖，使異步代碼更易于編寫和閱讀,下面來(lái)看詳細(xì)的介紹內(nèi)容吧。需要的小伙伴也可以參考一下2021-12-12
在table中插入多行的js代碼(與insertAdjacentHTML相似的功能)
在table中插入多行，能使用與insertAdjacentHTML相似的功能2010-06-06
這篇文章主要介紹了JS 調(diào)用微信掃一掃功能,本文給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友參考下吧2016-12-12
本文,我們來(lái)講講如何使用 JavaScript 實(shí)現(xiàn)圖片的縮放,當(dāng)然,我們可以類比到其他的元素,比如視頻的縮放,文中有詳細(xì)的代碼示例,對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-07-07
在web中js實(shí)現(xiàn)類似excel的表格控件
這篇文章主要介紹了如何在web中實(shí)現(xiàn)類似excel的表格控件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-09-09
JavaScript循環(huán)遍歷的24個(gè)方法,你都知道嗎
這篇文章主要給大家介紹了關(guān)于JavaScript循環(huán)遍歷的24個(gè)方法,文中對(duì)每種方法都給出了詳細(xì)的實(shí)例代碼,方便大家理解學(xué)習(xí),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2021-09-09
JavaScript利用事件循環(huán)實(shí)現(xiàn)數(shù)據(jù)預(yù)加載
當(dāng)我們請(qǐng)求好第一頁(yè)數(shù)據(jù)后,將請(qǐng)求下一頁(yè)放到異步任務(wù)隊(duì)列里（宏任務(wù)或者微任務(wù)）,等當(dāng)前同步任務(wù)執(zhí)行完成后,立馬請(qǐng)求下一頁(yè)數(shù)據(jù),本文給大家介紹了JavaScript如何利用事件循環(huán)實(shí)現(xiàn)數(shù)據(jù)預(yù)加載,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了Javascript字符串瀏覽器兼容問(wèn)題,實(shí)例形式對(duì)比分析了不兼容字符串與兼容字符串的區(qū)別,是非常實(shí)用的技巧,需要的朋友可以參考下2014-12-12
JS中split()用法（將字符串按指定符號(hào)分割成數(shù)組）
這篇文章主要介紹了JS中split()用法（將字符串按指定符號(hào)分割成數(shù)組）的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10