使用jQuery进行登录注册的前端校验

经常，我们会遇到需要登陆注册的情况
当用户名和密码不正确的时候，会显示提示
当注册的时候操作不正确的时候，会显示提示
那么这个是怎么实现的呢
现在，让我们来写个小案例实现一下这个功能！

<script src="<%=request.getContextPath() %>/js/jquery-validation-1.14.0/lib/jquery-1.11.1.js"></script>
<script src="<%=request.getContextPath() %>/js/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script type="text/javascript">
/* 实现前端校验 
 * 注意：要实现前端校验，首先要先引入前端校验的js文件
	     需要引入的有一个jQuery框架和校验包
 */
 
$().ready(function(){
	//获取表单id
	$("#registerForm").validate({
		rules:{
			username:"required",	//当用户名为空的时候
			password:"required",
			password_confirm:{
				required:true,
				equalTo:"#password"
			},
			realname:"required",
			cardcode:"required"
		},
		messages:{
			username:"请输入用户名", //显示提示内容
			password:"请输入密码",
			password_confirm:{
				required:"请输入密码",
				equalTo:"两次输入的密码不一致"
			},
			realname:"请输入真实姓名",
			cardcode:"请输入证件号码"
		}
	})
})
</script>