解决LayUI表单获取不到data的问题


Posted in Javascript onAugust 20, 2018

前几天用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的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js null,undefined,字符串小结
Aug 21 Javascript
理解JavaScript中的对象 推荐
Jan 09 Javascript
Underscore.js 的模板功能介绍与应用
Dec 24 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
Feb 05 Javascript
原生js做的手风琴效果的导航菜单
Nov 08 Javascript
用JS在浏览器中创建下载文件
Mar 05 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
jQuery+ajax简单实现文件上传的方法
Jun 03 Javascript
vue实现留言板todolist功能
Aug 16 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 Javascript
微信小程序页面间传递数组对象方法解析
Nov 06 Javascript
vue3.0中使用element的完整步骤
Mar 04 Vue.js
Layui数据表格之获取表格中所有的数据方法
Aug 20 #Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
Aug 19 #Javascript
解决layui中table异步数据请求不支持自定义返回数据格式的问题
Aug 19 #Javascript
Vue常用指令详解分析
Aug 19 #Javascript
使用layui 渲染table数据表格的实例代码
Aug 19 #Javascript
layui获取选中行数据的实例讲解
Aug 19 #Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 #Javascript
You might like
PHP文件锁定写入实例解析
2014/07/14 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
php图片水印添加、压缩、剪切的封装类实现
2020/04/18 PHP
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
2016/01/10 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
AngularJS入门教程之数据绑定用法示例
2016/11/01 Javascript
nodejs redis 发布订阅机制封装实现方法及实例代码
2016/12/15 NodeJs
如何制作幻灯片(代码分享)
2017/01/06 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
Python基于time模块求程序运行时间的方法
2017/09/18 Python
Python基于identicon库创建类似Github上用的头像功能
2017/09/25 Python
python正则实现计算器功能
2017/12/14 Python
如何通过python画loss曲线的方法
2019/06/26 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
2016/07/08 HTML / CSS
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
物流业务员岗位职责
2014/02/08 职场文书
《童年的发现》教学反思
2014/02/14 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
医学生自我鉴定范文
2014/03/26 职场文书
《四季》教学反思
2014/04/08 职场文书
城管大队整治方案
2014/05/06 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
八月一日观后感
2015/06/10 职场文书
2016年寒假见闻
2015/10/10 职场文书
Python破解极验滑动验证码详细步骤
2021/05/21 Python
详解Redis瘦身指南
2021/05/26 Redis