解決LayUI表單獲取不到data的問題
更新時間：2018年08月20日 08:47:40 作者：來一碟蛋炒粉吧
今天小編就為大家分享一篇解決LayUI表單獲取不到data的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
前幾天用LayUI表單進(jìn)行AJAX提交的時候發(fā)現(xiàn),function(data)里的data始終無法獲取表單里填的值，當(dāng)時我認(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表單想要添加一個不能為空的驗證居然添加不上去，我的input 如下:
<input name="depName" id="departName" placeholder="請輸入所在部門" 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表單的，缺少了這個class 自然data就獲取不到了。
以上這篇解決LayUI表單獲取不到data的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
一個項目要用，又不想用jquery之類的東東。先去網(wǎng)上搜索了下，找到了不少在CSS中執(zhí)行JS的表格行變色方式，不過這類方式在表格行多的時候相當(dāng)卡，在IE7和firefox3中測試正常。2010-12-12
這篇文章主要為大家介紹了Electron 電源狀態(tài)管理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
這篇文章主要介紹了JS獲取iframe中l(wèi)ongdesc屬性的方法,實例分析了longdesc屬性的功能及相關(guān)的獲取技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
滑動錨點挺有意思的,可增加一些瀏覽性,下面這篇文章主要給大家介紹了關(guān)于js錨點、操作滾動條滑動scroll的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
jquery實現(xiàn)文本框textarea自適應(yīng)高度
這篇文章主要介紹了jquery實現(xiàn)文本框textarea自適應(yīng)高度的相關(guān)資料,需要的朋友可以參考下2016-03-03
利用javascript實現(xiàn)一些常用軟件的下載導(dǎo)航
利用javascript實現(xiàn)一些常用軟件的下載導(dǎo)航，非常不錯的應(yīng)用，思路值得借鑒，沒看過的朋友可以看下。2009-08-08
js中的變量都是公用的沒有靜態(tài)變量，下面為大家介紹下變量的作用域閉包,需要的朋友可以參考下2014-05-05
JavaScript如何實現(xiàn)組合列表框中元素移動效果
在頁面中有兩個列表框，需要把其中一個列表框的元素移動到另一個列表框，怎么實現(xiàn)此功能呢，下面通過本文給大家介紹JavaScript如何實現(xiàn)組合列表框中元素移動效果，感興趣的朋友一起學(xué)習(xí)吧2016-03-03
下面小編就為大家分享一篇基于wordpress的ajax寫法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要給大家介紹了關(guān)于js如何獲取圖片url的Blob值并預(yù)覽的相關(guān)資料，文中通過示例代碼以及圖文介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03