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;



}