layer.open 弹窗中jquery validate Form表单校验不生效

原因:检查 layer.open success回调方法是否绑定表单校验方法,使用场景如下

function addFormData(){
	var layerFlag = layer.open({
	    type: 2, //2(iframe层)
	    title: '标题',   //标题
	    area: ['95%', '86%'],   //宽高
	    maxmin: false,
	    shade: 0.4,   //遮罩透明度
	    content: 'inputAdd.jsp',//支持获取DOM元素
	    scrollbar: false ,//屏蔽浏览器滚动条
	    btn: ['保存','取消'], //按钮组
	    yes: function(index){  //点击确定回调
	    	//通过该对象可以获取iframe中的dom元素
	    	var body = layer.getChildFrame('body', index);
            //获取form表单
	    	var form = body.find('form'); 
	        if (!form.isValid()) {
	        	return false;
	        } 
	        //此处表单数据提交代码省略...
	    }, 
	    success: function(layero, index){      
	       //弹窗成功回调函数,此处必须绑定表单校验方法,否则会导致表单提交时校验不生效
	    	layero.find('.layui-layer-btn').css({'text-align': 'center','background-color': '#eee'});
	    	var body = layer.getChildFrame('body', index);
	    	var form = body.find('form'); 
	    	form.validator();
	    },
		end: function(){
			layer.closeAll();
	    }
	});
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值