jquery.validate.min.js表单验证使用

表单form  <form class="form-horizontal st-form01" name="Reg" id="Reg" action="" method="post" enctype="application/x-www-form-urlencoded">
//验证
<script src="<?php echo $_BASE_DIR;?>static/js/jquery.validate.min.js"></script> 
<SCRIPT>
//用户注册表单验证
$("#Reg").validate({
    onkeyup:false,
	rules:{
		username:{
			required:true,minlength:4,remote:"<?php echo url('public/checkuser');?>"
		},
		password:{
			required:true,minlength:6,maxlength:16
		},
		confirmpassword:{
			required:true,equalTo:"#password"
		},
		email:{
			required:true,email:true,remote:"<?php echo url('public/checkemail');?>"
		},
		vcode:{
			required:true,minlength:4
		},
		is_accept:{
			required:true
		}
	},
	messages:{
		username:{
			required: '请填写您的用户名',
			minlength:'请输入至少输入4个字符',
			remote: "该用户名已存在"
		},
		password:{
			required: '请输入密码,建议使用字母、数字或符号的组合',
			minlength:'请输入至少6个字符',
			maxlength: '请输入最多16个字符'
		},
		confirmpassword:{
			required: '请确认您的密码',
			equalTo: '请再次输入同样的密码'
		},
		email:{
			required: '请填写您的邮箱',
			email:'输入的邮箱格式不正确',
			remote: "该邮箱已经被注册"
		},
		vcode:{
			required: '请填写验证码',
			minlength: '请输入至少4个字符'
		},
		is_accept:{
			required: '未同意接受《服务条款》'
		}
	},
	submitHandler: function(form) 
    {
		var username=$('#username').val();
		var password=$('#password').val();
		var confirmpassword=$('#confirmpassword').val();
		var email=$('#email').val();
		var vcode=$('#vcode').val();
		var ret_url = $('#ret_url').val();
		$.post("<?php echo url('public/Register');?>",{username:username,password:password,confirmpassword:confirmpassword,email:email,vcode:vcode,ret_url:ret_url},
		function (res){
			if(res&&res.code==200){		
				
				bootbox.confirm('恭喜您,注册成功啦!', function(r) {
					if (r) {
					 if(res.ret_url)
						document.location.href=res.ret_url;
						else
						document.location.href="<?php echo url('public/RegSuccess');?>";
					}
				});
				
			}
			else{
			    bootbox.alert(res.msg);
				$('#vcodeImg').attr('src','<?php echo url('public/vcode');?>?rnd='+Math.random());
			}
		}, "json");
		return false;
    } 
});
</script>


你可能感兴趣的:(jquery.validate.min.js表单验证使用)