jquery.validate.js demo

<script src="${static_domain}/script/lib/jquery.validate.js"></script>

//注册
$(function (){
	var regist = {};
	regist.InterValObj; //timer变量，控制时间
    regist.count = ctx.messageAliveTime*60; //间隔函数，1秒执行
    regist.curCount;//当前剩余秒数
	regist.isMobile = /^((\+?86)|(\(\+86\)))?1\d{10}$/;
	regist.mobileCodeSended = false;
	regist.mobileCodeCorrect = false;
	regist.captchaCorrect = false;
	regist.mobileExist = true;
	
	
       /* 开始验证 */
	$.validator.addMethod("isMobilePhone",function(value,element){
		var length=value.length;
		var mobile = /^((\+?86)|(\(\+86\)))?1\d{10}$/;
		return this.optional(element)||(length==11&&mobile.test(value));
	},"请输入正确的手机号码");

    $.validator.addMethod("isMobileExist", function(value,element) {
		var mobile = $("#mobile").val();
		return eval(
			$.ajax({
				url : ctx.web_domain + "/user/check/mobile?mobile="+mobile,
				type : 'GET',
				async : false,
				dataType : "json"
				}).responseText) == false;
			}, "该手机已经被注册！"
	);
	
    $.validator.addMethod("isMobileCodeCorrect", function(value,element) {
		var mobile = $("#mobile").val();
		var mobileCode = $("#registerMobileCode").val();
		return eval(
			$.ajax({
				url : ctx.web_domain + "/verification/check/mobilecode?mobile="+mobile+"&mobileCode="+mobileCode,
				type : 'GET',
				async : false,
				dataType : "json"
				}).responseText);
			}, "手机验证码错误！"
	);
		

	$("#userForm").validate({
		submitHandler : function(form) {
			var mobile = $("input[name='mobile']").val();
			var mobileCode = $("#registerMobileCode").val();
			var captcha = $("input[name='captchaText']").val();
			var password = $("input[name='password']").val();
			var confirmPassword = $("input[name='confirmPassword']").val();
			$.ajax({
					url : ctx.web_domain+"/user/register/save",
					type : "POST",
					dataType : "json",
					data : {
						"mobile":mobile,                  
						"password":password,
						"confirmPassword":confirmPassword     
					},
					error : function(XMLHttpRequest, textStatus,
							errorThrown) {
					},
					success : function(result) {
						if(result){
							var href;
						    var backUrl = getQueryString('back');
					        if(backUrl == ''){
							   href = ctx.web_domain+"/user/regsuccess";
						    }
					        else{
							   href = decodeURIComponent(backUrl);
						    }	   	   
							window.location.href = href;
						}
						else{
						   $(".loan_succ_tck2").stop();
						   tips('抱歉，用户注册失败');
						}		
					}
			});
		},
		rules:{
			mobile : {
				required : true,
				isMobilePhone : true,
				isMobileExist:true	
			},		
			password : {
				required : true,
				minlength : 6,
				maxlength : 16
			},
			confirmPassword : {
				required : true,
				equalTo : $("input[name='password']")
			},
			registerMobileCode : {
				required : true,
				isMobileCodeCorrect : true
			}
		},
		messages : {
			mobile : {
				required : "请输入您的手机号码"
			},	
			password : {
					required : "请输入您的密码",
					minlength : "密码长度至少6位",
					maxlength : "密码长度之多16位"
			},
			confirmPassword : {
					required : "请输入您的确认密码",
					equalTo : "您两次输入的密码不一致"
			},
			registerMobileCode :{
				required : "请输入手机验证码",
				isMobileCodeCorrect : "手机验证码错误"
			}
		}
	})

   //获取验证码
   $('#getMobileCode').click(function(){  
	     regist.curCount = regist.count;
		 var mobile = $("input[name='mobile']").val();
	     if(mobile == ''  || !(header.isMobilePhone.test(mobile))){
			 $(".loan_succ_tck2").stop();
			 tips('请输入手机号码');
			 return false;
		 }
		
	    //发送验证码手机
		 $.ajax({
			url : ctx.web_domain+"/verification/regist/mobile/code?mobile="+mobile,
			type : "get",
			dataType : "json",
			async : false,
			error : function(XMLHttpRequest, textStatus,
					errorThrown) {
			},
			success : function(result) {
				if (result == 1){
					$(".loan_succ_tck2").stop();
					tips('手机验证码发送失败');
				}
				else if (result == 2){
					$(".loan_succ_tck2").stop();
					tips('抱歉，您今天信息发送次数已用完');
				}
				else if (result == 3){
					$(".loan_succ_tck2").stop();
					tips('请输入手机号码');
				}
				else if (result == 4){
					
				}
				else if(result == 0){
					regist.mobileCodeSended = true;
					 //设置button效果，开始计时
					$('#getMobileCode').attr("disabled", true);
					$('#getMobileCode').val(regist.curCount + "秒内输入");
					regist.InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
				}
			}
		 })
	});

	//是否同意
	 //刷新验证码
	$("#agree").click(function() {
		var checked = $(this).is(':checked');
		var submitButton = $('#registSubmit');
		if(checked){
           submitButton.removeClass();
           submitButton.addClass("newreg_submit"); 
           submitButton.removeAttr("disabled");
		}
		else{
           submitButton.removeClass();
           submitButton.addClass("newreg_submit disabled"); 
           submitButton.attr("disabled", true);
		}
	});
	
	//验证提示
	function tips(text){
		$("#tipText").html(text);
		$(".loan_succ_tck2").show().animate({
			"opacity":"1",
			"top":"49%"
		},800);
		setTimeout(function(){
			$(".loan_succ_tck2").fadeOut(800).animate({
				"opacity":"0",
				"top":"50%"
			},1);
		},1800)	
	}
	
	//timer处理函数
    function SetRemainTime() {
		
		if (regist.curCount == 0) {                
			window.clearInterval(regist.InterValObj);//停止计时器
			$("#getMobileCode").removeAttr("disabled");//启用按钮
			$("#getMobileCode").val("重新发送");
			regist.curCount = ctx.messageAliveTime*60;
		}
		else {
			regist.curCount--;
			$("#getMobileCode").val(regist.curCount + "秒内输入");
		}
	}

	//验证提示
	function tips(text){
		$("#tipText").html(text);
		$(".loan_succ_tck2").show().animate({
			"opacity":"1",
			"top":"49%"
		},800);
		setTimeout(function(){
			$(".loan_succ_tck2").fadeOut(800).animate({
				"opacity":"0",
				"top":"50%"
			},1);
		},1800)	
	}
})


function setOrgUrl()
{   	 	   
       var href;
	   var backUrl = getQueryString('back');
       if(backUrl == ''){
		   href = ctx.web_domain+"/organization/register.html";
	   }
       else{
		   href = ctx.web_domain+"/organization/register.html?back="+encodeURIComponent(backUrl);
	   }	   	   
	   window.location = href;  
}

function getQueryString(name)
{
	 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
	 var r = window.location.search.substr(1).match(reg);
	 if(r!=null)return  unescape(r[2]); 
	 
	 return '';
}