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/