用到layui前端样式,都会使用到form提交,本人初次使用有很多的地方都不是很熟练,所以总是会踩坑。
是否引用了对应的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的基本功能都可以实现。
使用该layui-form参数,对表单完成局部更新。 <form class="layui-form"> 需要包含到所要提交的表单数据,以及按钮 </form>如果没有把所要提交的表单写在form标签里,提交不了数据
事件监听:表单提交事件 <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:事件过滤器
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:提交数据成功后的提示信息
预加载模块