1.attribute-validate.html
<html> <head> <meta charset="UTF-8" /> <script src="jquery-1.6.4.js" type="text/javascript"></script> <script src="jquery.validate.min.js" type="text/javascript"></script> <script language="javascript"> <!-- $(function(){ $("#validate").validate(); }); --> </script> </head> <body> <form id="validate"> <p> NAME(Required,8-20,Not-Existed,remote): <input type="text" id="name" name="name" minlength="8" maxlength="20" remote="isExisted.html" required/> </p> <p>remote请求的响应只能返回简单的true/false,并且此时name属性值不能为空(请求参数名字)</p> <p> PASSWORD(Required,8-20): <input type="text" id="password" name="password" rangelength="[8,20]" required/> </p> <p> PASSWORD-CONFIRM(Required,8-20,equalTo:#password): <input type="text" id="passwordConfirm" name="passwordConfirm" rangelength="[8,20]" equalTo="#password" required/> </p> <p>equalTo值为JQuery表达式</p> <p> EMAIL(Required,email): <input type="email" id="email" name="email" required/> <p>设置方式:type="email"或者email="true"</p> </p> <p> HOMEPAGE(Required,url): <input type="text" id="homepage" name="homepage" url="true" required/> <p>设置方式:type="url"或者email="url"</p> </p> <p> Height(Required,0-300,number): <input type="text" id="height" name="height" range="[0,300]" number="true" required/>CM </p> <p> Age(Required,0-200,digits): <input type="text" id="age" name="age" min="0" max="200" digits="true" required/> </p> <p> <input type="submit" value="提交"/> </p> </form> </body> </html>
2.isExisted.html
true
3.参考资料
http://jqueryvalidation.org/documentation/