jQuery Validate.js让Layer弹框按钮(普通按钮)触发表单验证的方法

之前的写法:

$(function(){
	
	 $("#cell").validate({
		    rules: {
		    	new_phone : {  
		            required : true,  
		            minlength : 11, 
		            isMobile : true  
		        		}, 
		          },
		   messages: {
			   new_phone : {  
			       required : "请输入手机号",  
			       minlength : "不能小于11个字符",  
			       isMobile : "请正确填写手机号码"  
			  		 	}
	  				 },
			});

})

改进之后:

//编写表单验证函数phoneValidate,在按钮点击事件内调用验证函数对象
function phoneValidate(){
	/*关键在此增加了一个return,返回的是一个validate对象,这个对象有一个form方法,返回的是是否通过验证(true,false)*/
	return $("#cell").validate({
		    rules: {
		    	new_phone : {  
		            required : true,  
		            minlength : 11, 
		            isMobile : true  
		        		}, 
		          },
		   messages: {
			   new_phone : {  
			       required : "请输入手机号",  
			       minlength : "不能小于11个字符",  
			       isMobile : "请正确填写手机号码"  
			  		 	}
	  				 },
			});
}
//注册表单验证 (可用可不用)
$(validform());

按钮点击:

$("#btn").click(function(){
 if(phoneValidate().form()) {
  //通过表单验证,以下编写自己的代码
 } else {
  //校验不通过,什么都不用做,校验信息已经正常显示在表单上
 }
});


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值