解决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 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
九种js弹出对话框的方法总结
Mar 12 Javascript
jQuery中get和post方法传值测试及注意事项
Aug 08 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
jQuery on()方法示例及jquery on()方法的优点
Aug 27 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
JS实现的颜色实时渐变效果完整实例
Mar 25 Javascript
Javascript中this绑定的3种方法与比较
Oct 13 Javascript
jQuery实现复选框的全选和反选
Feb 02 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
微信小程序-API接口安全详解
Jul 16 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中通过语义URL防止网站被攻击的方法分享
2011/09/08 PHP
用来解析.htpasswd文件的PHP类
2012/09/05 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
深入理解:XML与对象的序列化与反序列化
2013/06/08 PHP
JS 常用校验函数
2009/03/26 Javascript
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
JSONP 跨域访问代理API-yahooapis实现代码
2012/12/02 Javascript
open 动态修改img的onclick事件示例代码
2013/11/13 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
Grunt入门教程(自动任务运行器)
2015/08/06 Javascript
原生JS实现平滑回到顶部组件
2016/03/16 Javascript
一秒学会微信小程序制作table表格
2019/02/14 Javascript
vue element-ui实现动态面包屑导航
2019/12/23 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
python调用java的Webservice示例
2014/03/10 Python
python的Template使用指南
2014/09/11 Python
解决pandas使用read_csv()读取文件遇到的问题
2018/06/15 Python
Python subprocess库的使用详解
2018/10/26 Python
python之mock模块基本使用方法详解
2019/06/27 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例
2020/03/06 Python
Python-openCV开运算实例
2020/07/05 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
澳大利亚波西米亚风情网上商店:Czarina
2019/03/18 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
微型企业创业投资计划书
2014/01/10 职场文书
统计学教授推荐信
2014/09/18 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
2015年三八妇女节活动总结
2015/02/06 职场文书
个人工作年终总结
2015/03/09 职场文书
商场收银员岗位职责
2015/04/07 职场文书
2016民族团结先进个人事迹材料
2016/02/26 职场文书
新手初学Java网络编程
2021/07/07 Java/Android
python机器学习创建基于规则聊天机器人过程示例详解
2021/11/02 Python
python实现会员信息管理系统(List)
2022/03/18 Python