layui中form.on提交表单示例
form.on("submit(addNews)",function(data){
debugger
//是否添加过信息
if(window.sessionStorage.getItem("addNews")){
addNewsArray = JSON.parse(window.sessionStorage.getItem("addNews"));
}
//显示、审核状态
var isShow = data.field.show=="on" ? "checked" : "",
newsStatus = data.field.shenhe=="on" ? "审核通过" : "待审核";
addNews = '{"newsName":"'+$(".newsName").val()+'",'; //文章名称
addNews += '"newsId":"'+new Date().getTime()+'",'; //文章id
addNews += '"newsLook":"'+$(".newsLook option").eq($(".newsLook").val()).text()+'",'; //开放浏览
addNews += '"newsTime":"'+$(".newsTime").val()+'",'; //发布时间
addNews += '"newsAuthor":"'+$(".newsAuthor").val()+'",'; //文章作者
addNews += '"isShow":"'+ isShow +'",'; //是否展示
addNews += '"newsStatus":"'+ newsStatus +'"}'; //审核状态
addNewsArray.unshift(JSON.parse(addNews));
window.sessionStorage.setItem("addNews",JSON.stringify(addNewsArray));
//弹出loading
var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
setTimeout(function(){
top.layer.close(index);
top.layer.msg("文章添加成功！");
layer.closeAll("iframe");
//刷新父页面
parent.location.reload();
},2000);
return false;
})关键点：
1. form表单一定要有class=‘layui-form’
2. 提交按钮的代码一定要这样写：
一定要包含lay-filter.
3.表单的单个元素要这样写：
一定要写name="xxx",
因为这样写，在Js代码中才能获取到对应的值，获取表单值，这样写。
form.on("submit(addNews)",function(data){
//对应的值这个获取
var title=data.filed.title;
var address=data.filed.address;
.......
var xxx=data.filed.xxx;
}