解决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 jquery数组介绍
Jul 15 Javascript
JS实现切换标签页效果实例代码
Nov 01 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
Sep 19 Javascript
jQuery 弹出层插件(推荐)
May 24 Javascript
浅析JavaScript中命名空间namespace模式
Jun 22 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
Nov 04 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
vue2.0构建单页应用最佳实战
Apr 01 Javascript
vue如何在自定义组件中使用v-model
May 14 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
JavaScript基于遍历操作实现对象深拷贝功能示例
Mar 05 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 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
php调用mysql存储过程
2007/02/14 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
PHP配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
php基础教程
2015/08/26 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
javascript对select标签的控制(option选项/select)
2013/01/31 Javascript
js中Math之random,round,ceil,floor的用法总结
2013/12/26 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
再谈JavaScript线程
2015/07/10 Javascript
js实现网页多级级联菜单代码
2015/08/20 Javascript
基于vue的下拉刷新指令和滚动刷新指令
2016/12/23 Javascript
package.json文件配置详解
2017/06/15 Javascript
Angular模板表单校验方法详解
2017/08/11 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
JS数组中对象去重操作示例
2019/06/04 Javascript
[04:41]2014DOTA2国际邀请赛 Liquid顺利突围晋级正赛
2014/07/09 DOTA
在Python中使用判断语句和循环的教程
2015/04/25 Python
python构建自定义回调函数详解
2017/06/20 Python
基于python实现在excel中读取与生成随机数写入excel中
2018/01/04 Python
pyQt4实现俄罗斯方块游戏
2018/06/26 Python
Python使用Pickle模块进行数据保存和读取的讲解
2019/04/09 Python
pandas 对日期类型数据的处理方法详解
2019/08/08 Python
python实现一个函数版的名片管理系统过程解析
2019/08/27 Python
详解Python 中sys.stdin.readline()的用法
2019/09/12 Python
Python使用循环神经网络解决文本分类问题的方法详解
2020/01/16 Python
Python3 shelve对象持久存储原理详解
2020/03/23 Python
如何从csv文件构建Tensorflow的数据集
2020/09/21 Python
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
通信工程毕业生自荐信
2013/11/01 职场文书
铁路个人事迹材料
2014/01/30 职场文书
小班下学期评语
2014/05/04 职场文书
安全标兵事迹材料
2014/08/17 职场文书
写给妈妈的感谢信
2015/01/22 职场文书