解决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 相关文章推荐
javascript IFrame 强制刷新代码
Jul 23 Javascript
javascript appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
JS 文件传参及处理技巧分析
May 13 Javascript
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
jquery实现图片按比例缩放示例
Jul 01 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
javascript实现获取字符串hash值
May 10 Javascript
JavaScript之class继承_动力节点Java学院整理
Jul 03 Javascript
深入理解vue $refs的基本用法
Jul 13 Javascript
解决bootstrap模态框数据缓存的问题方法
Aug 10 Javascript
Angular 实现输入框中显示文章标签的实例代码
Nov 07 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
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
星际争霸兵种名称对照表
2020/03/04 星际争霸
php做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
浅析php数据类型转换
2014/01/09 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
js输出列表实现代码
2010/09/12 Javascript
读jQuery之三(构建选择器)
2011/06/11 Javascript
你不知道的高性能JAVASCRIPT
2016/01/18 Javascript
jQuery使用each方法与for语句遍历数组示例
2016/06/16 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
深入掌握 react的 setState的工作机制
2017/09/27 Javascript
JS实现将链接生成二维码并转为图片的方法
2018/03/17 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
axios如何利用promise无痛刷新token的实现方法
2019/08/27 Javascript
javascript删除数组元素的七个方法示例
2019/09/09 Javascript
Vue事件处理原理及过程详解
2020/03/11 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
Python 命令行非阻塞输入的小例子
2013/09/27 Python
讲解Python中if语句的嵌套用法
2015/05/14 Python
python清除指定目录内所有文件中script的方法
2015/06/30 Python
Django学习笔记之Class-Based-View
2017/02/15 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
Skyscanner波兰:廉价航班
2017/11/07 全球购物
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
护理专业的自荐信
2013/10/22 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
群众路线学习心得体会范文
2014/11/05 职场文书
《迟到》教学反思
2016/02/24 职场文书
2019年最新证婚词精选集!
2019/06/28 职场文书
Python Django项目和应用的创建详解
2021/11/27 Python
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS