案例代码如下
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script type="text/javascript" src="scripts/common/jquery.min.js"></script> <script type="text/javascript" src="scripts/common/jquery.validate.js"></script <script type="text/javascript"> $("#zhuce").validate({ rules:{ regist_username:{ required:true /* remote:{ type: "post",url: url, data:{ userName:function () { return $("regist_username").val(); } } }用ajax判断数据库中用户名是否存在*/ }, regist_password:{ required:true, minlength:6 }, final_password:{ equalTo:"#regist_password" } }, messages:{ regist_username:{required:"用户名不能为空"}, regist_password:{required:"密码不能为空",minlength:"密码最小的长度为6"}, final_password:{equalTo:"两次密码不一致"} }, submitHandler: function () { //验证通过后进行注册 register(); } }) </script> </head> <body> <form id="zhuce"> <dl> <dt> <div class='header'> <h3>注 册</h3> </div> </dt> <dt></dt> <dt> <div class='letter'> <label for="regist_username">用户名: </label> <input type="text" name="regist_username" id="regist_username" tabindex='5'/> </div> </dt> <dt> <div class='letter'> 昵 称: <input type="text" name="nickname" id="nickname" tabindex='6'/> </div> </dt> <dt> <div class='letter'> <label for="regist_password"> 密 码: </label> <input type="password" name="regist_password" id="regist_password" tabindex='7'/> </div> </dt> <dt> <div class='password'> <label for="final_password"> 确认密码: </label> <input type="password" name="final_password" id="final_password" tabindex='8'/> </div> </dt> <dt> <div> <input type="submit" name="" id="regist_button" value=' 注 册 ' tabindex='9'/> <input type="button" name="" id="back" value=' 返 回 ' tabindex='10'/> </div> </dt> </dl> </form> </body> </html>
默认校验规则