解决LayUI表单获取不到data的问题
更新时间：2018年08月20日 08:47:40 作者：来一碟蛋炒粉吧
今天小编就为大家分享一篇解决LayUI表单获取不到data的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前几天用LayUI表单进行AJAX提交的时候发现,function(data)里的data始终无法获取表单里填的值，当时我认为是出BUG了就用了$('#updateform').serialize()来获取表单数据
//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;
});
但是今天问题又来了，我发现我的LayUI表单想要添加一个不能为空的验证居然添加不上去，我的input 如下:
<input name="depName" id="departName" placeholder="请输入所在部门" required lay-verify="required" class="layui-input" onclick="showDep();" ></input>
由此我想到了前几天的获取不到data的事情，考虑到可能有所关联，于是又开始了研究。后来终于发现原因是我的form表单缺少了class="layui-form"
LayUI 是根据class来查找form表单的，缺少了这个class 自然data就获取不到了。
以上这篇解决LayUI表单获取不到data的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
一个项目要用，又不想用jquery之类的东东。先去网上搜索了下，找到了不少在CSS中执行JS的表格行变色方式，不过这类方式在表格行多的时候相当卡，在IE7和firefox3中测试正常。2010-12-12
这篇文章主要为大家介绍了Electron 电源状态管理示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了JS获取iframe中longdesc属性的方法,实例分析了longdesc属性的功能及相关的获取技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
滑动锚点挺有意思的,可增加一些浏览性,下面这篇文章主要给大家介绍了关于js锚点、操作滚动条滑动scroll的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-03-03
这篇文章主要介绍了jquery实现文本框textarea自适应高度的相关资料,需要的朋友可以参考下2016-03-03
利用javascript实现一些常用软件的下载导航，非常不错的应用，思路值得借鉴，没看过的朋友可以看下。2009-08-08
js中的变量都是公用的没有静态变量，下面为大家介绍下变量的作用域闭包,需要的朋友可以参考下2014-05-05
在页面中有两个列表框，需要把其中一个列表框的元素移动到另一个列表框，怎么实现此功能呢，下面通过本文给大家介绍JavaScript如何实现组合列表框中元素移动效果，感兴趣的朋友一起学习吧2016-03-03
下面小编就为大家分享一篇基于wordpress的ajax写法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要给大家介绍了关于js如何获取图片url的Blob值并预览的相关资料，文中通过示例代码以及图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
最新评论