layui的from提交一些小细节

layui-form提交

用到layui前端样式，都会使用到form提交，本人初次使用有很多的地方都不是很熟练，所以总是会踩坑。

1. 是否引用了对应的layui.css和layui.js

<link rel="stylesheet" type="text/css" href="${hj }/MainJS/assets/css/layui.css" media="all">
<script charset="utf-8" type="text/javascript" src="${hj }/MainJS/assets/layui.js"></script>

引入了这两个文件，layui的基本功能都可以实现。

2. 使用该layui-form参数，对表单完成局部更新。

<form class="layui-form">
	需要包含到所要提交的表单数据，以及按钮
</form>

如果没有把所要提交的表单写在form标签里，提交不了数据

3. 事件监听：表单提交事件

<button type="button" class="layui-btn layui-btn-normal layui-icon" 
lay-filter="insert" lay-submit=" " style="font-size: 15px;">提交</button>

lay-submit：绑定触发提交的元素，可以不写参数，即为提交
lay-filter：事件过滤器

4. javascript部分

以下是预加载模块，如下链接有有关说明
layui.use(['form','layer','jquery','layedit'],function(){
		var form=layui.form,layer=layui.layer,$=layui.jquery,layedit=layui.layedit;
			form.on('submit(insert)',function(data){
				$.ajax({
					url:'CorpInfoMaint/insertSysdepartment.do',
					data:data.field,
					success:function(data){
					layer.msg("提交成功！");
				}
			});
    	});
  });

url：提交数据的地址
data：表单所提交的数据，上面说少了提交数据的方式，是使用name=" “提交，在input标签里需要写上name=” " 不用id这个方法也可以
success：数据成功的回调
lalyer.msg：提交数据成功后的提示信息

预加载模块