解决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 相关文章推荐
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
jQuery 遍历函数详解
Jul 05 Javascript
js 点击a标签 获取a的自定义属性方法
Nov 21 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
JavaScript之iterable_动力节点Java学院整理
Jun 29 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
Node.js+Express+Mysql 实现增删改查
Apr 03 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
vue.js中导出Excel表格的案例分析
Jun 11 Javascript
JS中的const命令你真懂它吗
Mar 08 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
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
php函数之子字符串替换&amp;#65279; str_replace
2011/03/23 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
解决PhpStorm64不能启动的问题
2020/06/20 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
javascript 文件的同步加载与异步加载实现原理
2012/12/13 Javascript
js实现文章文字大小字号功能完整实例
2014/11/01 Javascript
7个让JavaScript变得更好的注意事项
2015/01/28 Javascript
jquery原理以及学习技巧介绍
2015/11/11 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
javascript数据结构之串的概念与用法分析
2017/04/12 Javascript
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
原生js获取left值和top值的三种方法
2017/08/02 Javascript
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
PHP实现基于Redis的MessageQueue队列封装操作示例
2019/02/02 Javascript
JS实现数组深拷贝的方法分析
2019/03/06 Javascript
实现elementUI表单的全局验证的方法步骤
2019/04/29 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
js仿京东放大镜效果
2020/08/09 Javascript
[01:22:19]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第二场 6.2
2018/06/03 DOTA
Python Tkinter简单布局实例教程
2014/09/03 Python
Python多进程同步Lock、Semaphore、Event实例
2014/11/21 Python
Python数据结构之哈夫曼树定义与使用方法示例
2018/04/22 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
详解CSS3的box-shadow属性制作边框阴影效果的方法
2016/05/10 HTML / CSS
HTML5 Canvas鼠标与键盘事件demo示例
2013/07/04 HTML / CSS
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
《东方明珠》教学反思
2014/04/20 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书
广告策划的实习心得体会总结!
2019/07/22 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
用golang如何替换某个文件中的字符串
2021/04/25 Golang