jQueryValidate Ajax用户注册实例

$(function(){

//刷新验证码
var vsrc = $('.verify').attr('src');
$('#vc').click(function(){
$('.verify').attr('src',vsrc+'?'+Math.random());
})
//刷新验证码

//验证用户
$("form[name='reg']").validate({
errorElement:'span',
rules:{
uname:{
required:true,
minlength:'5',
remote:{
type:'post',
url:checkUname,
data:{
uname:function(){return $('#uname').val()}
}
}
},
pwd:{
required:true,
rangelength:[5,10]
},
pwded:{
required:true,
equalTo:"#pwd",
},
email:{
required:true,
email:true,
remote:{
type:'post',
url:checkEmail,
data:{
email:function(){return $('#email').val()}
}
}
},
verify:{
required:true,
remote:{
type:'post',
url:checkVerify,
data:{
verufy:function(){return $('#verify').val()}
}
}
}
},
messages:{
uname:{
required:'用户名不能为空!',
minlength:'用户名长度最少5位',
remote:'用户名已被注册,请重新换一个!'
},
pwd:{
required:'密码不能为空!',
rangelength:'密码长度必须在5-10位'
},
pwded:{
required:'确认密码不能为空',
equalTo:'两次输入的密码不一致'
},
email:{
required:'邮箱不能为空!',
email:'邮箱格式错误!',
remote:'邮箱已被注册,请重新换一个!'
},
verify:{
required:'验证码不能为空!',
remote:'验证码错误!'
}
},
/* 通过之后回调 */
submitHandler:function(form)
{
var param = $("#reg").serialize();
$.ajax({
url:insertDb,
type:"post",
dataType:'json',
data:param,
beforeSend: function()
{
//ajax加载前的内容
},
success:function(data)
{
if(data)
{
location.href='http://www.baidu.com/';
}
}
});
},
invalidHandler: function(form, validator)
{/* 不通过的回调 */
return false;
}
});
//验证用户
})