Layui 弹框的 实现，可以利用弹框的确定取消按钮，来实现对form表单的提交动作！

第一步，先把html考到页面底部，好吧。

	

					
					

						  

						  	

							    
							    
							    
							    
							
						    

						      
*用户帐号
						      

						      		
						      
						      
*用户姓名
						      

									
							
						    
						    

						      
*登录密码
						      

						      		
						      
						      
*角色类型
						      

									  
									  			请选择
									 
							
							
							 

							      
身份证号
							      

							      		
							      
							      
帐号状态
							      

										  
										  		 请选择角色状态
											          启用
											          锁定
											          停用
										 
								
							
							 

							      
帐号期限
							      

							      		
							      
							      
密码期限
							      

										 
								
							
							

							      
所属部门
							      

							      		
							      			请选择
										 
							      
							      

							      

								
							
						  
						
					    

					     立即提交
					    
	

把class="layui-input-block"用display:none隐藏，是为了弹框外的按钮可以实现提交动作。

第二步，js

function addtk(isNew){
	 $("#isNew").val(isNew);//这个是为了判断是编辑还是添加，不需要的可以删掉
	 debugger;
	//弹出框开始
	var _funbtnxs = {
			yesxs1: function(index,layero){
				//单击提交的回调
	             var mm = $("#mm").val();
	             $("#mm").val(mm == "" ? undefined : hex_md5(mm));
				//绑定提交事件到弹出框的提交按钮
		      	 $('.tj').click();
	          }
	        ,xs2: function(index,layero){
	        	//单击取消的回调
	        	layer.close(index);
	        },success:function(layero){
	        	//弹出前回调
				layui.use(['form'], function(){
					  var form = layui.form;
					  //各种基于事件的操作，下面会有进一步介绍
					  form.on('submit(tjbtn)', function(data){
					 	  ajaxSubmitForm('saveupdateform','/save_or_update_user');
						  //return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
						});
					});
	        	 
	        }}
	tk("编辑",['600px', '350px'],'userbj',$("#bjnr"),['确定', '取消'],_funbtnxs);
	//弹出框结束
}

第三步，考入封装的方法，可以放在公共的JS文件中

//弹出框 _title抬头标题,_area_arr弹出框宽高数组,_id唯一性,_content弹出框内容,_btn_arr按钮数组,_funbtnxs点击按钮对象函数
function tk(_title,_area_arr,_id,_content,_btn_arr,_funbtnxs){
	  layer.open({
	        type: 1
	        ,title: _title//标题
	        ,area: _area_arr//['600px', '450px']
	        ,shade: 0.1
	        ,id: _id //设定一个id，防止重复弹出'LAY_layuipro'
	        ,btn: _btn_arr//['确定', '取消']
	        ,btnAlign: 'r'
	        ,moveType: 1 //拖拽模式，0或者1
	        ,content:_content //html内容
	        ,yes:_funbtnxs.yesxs1
			,btn2:_funbtnxs.xs2
			,success:_funbtnxs.success
	      });
}