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