解決LayUI表單獲取不到data的問題
前幾天用LayUI表單進(jìn)行AJAX提交的時(shí)候發(fā)現(xiàn),function(data)里的data始終無法獲取表單里填的值,當(dāng)時(shí)我認(rèn)為是出BUG了就用了$('#updateform').serialize()來獲取表單數(shù)據(jù)
//form表單 更新員工信息 form.on('submit(form_emp2)', function(data){ var temp=$('#updateform').serialize(); // layer.msg(JSON.stringify($('#form1').serialize())); // alert(JSON.stringify(temp)); // return false; $.ajax({ url:'<%=basePath%>employ/updateEmployee', type:'POST', data:temp, dataType:'JSON', success:function(rs) { if(rs.code=='10000') { layer.msg('更新成功'); $('.employpage').jsGrid("loadData"); layer.close(openid); openid=null; } else { layer.msg('更新失敗'); } }, error:function() { layer.msg("test") } }); return false; });
但是今天問題又來了,我發(fā)現(xiàn)我的LayUI表單想要添加一個(gè)不能為空的驗(yàn)證居然添加不上去,我的input 如下:
<input name="depName" id="departName" placeholder="請(qǐng)輸入所在部門" required lay-verify="required" class="layui-input" onclick="showDep();" ></input>
由此我想到了前幾天的獲取不到data的事情,考慮到可能有所關(guān)聯(lián),于是又開始了研究。后來終于發(fā)現(xiàn)原因是我的form表單缺少了class="layui-form"
LayUI 是根據(jù)class來查找form表單的,缺少了這個(gè)class 自然data就獲取不到了。
以上這篇解決LayUI表單獲取不到data的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
淺談js基礎(chǔ)數(shù)據(jù)類型和引用類型,深淺拷貝問題,以及內(nèi)存分配問題
下面小編就為大家?guī)硪黄獪\談js基礎(chǔ)數(shù)據(jù)類型和引用類型,深淺拷貝問題,以及內(nèi)存分配問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09基于Swiper實(shí)現(xiàn)移動(dòng)端頁面圖片輪播效果
這篇文章主要為大家詳細(xì)介紹了基于Swiper實(shí)現(xiàn)移動(dòng)端頁面圖片輪播效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12JS+CSS實(shí)現(xiàn)自動(dòng)切換的網(wǎng)頁滑動(dòng)門菜單效果代碼
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)自動(dòng)切換的網(wǎng)頁滑動(dòng)門菜單效果代碼,涉及JavaScript基于時(shí)間函數(shù)動(dòng)態(tài)變換頁面tab樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09基于HTML+JavaScript實(shí)現(xiàn)中國(guó)象棋
這篇文章主要為大家詳細(xì)介紹了如何利用HTML+CSS+JS實(shí)現(xiàn)中國(guó)象棋游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08js獲得當(dāng)前系統(tǒng)日期時(shí)間的方法
這篇文章主要介紹了js獲得當(dāng)前系統(tǒng)日期時(shí)間的方法,涉及javascript操作日期時(shí)間的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-05-05