validate是jQuery插件,及必须在jQuery的基础上进行运行。所以首先要导入jQuery库,validate库和国际化资源库(可选)
validate需要手动声明,对那个表单进行校验,手动方式可以使用以下4种校验方式。
<script type="text/havascript"> $().ready(function{ $("#formId").validate(); }); </script>
校验类型 | 取值 | 描述 |
required | true||false | 必填字段 |
邮件地址 | ||
url | 路径 | |
date | 数字 | 日期 |
dateISO | 字符串 | 日期(YYYY-MM-dd) |
number | 数字(负数,小数) | |
digits | 整数 | |
minlength | 数字 | 最小长度 |
maxlength | 数字 | 最大长度 |
rangelength | [minL,maxL] | 长度范围 |
min | 最小值 | |
max | 最大值 | |
range | [min,max] | 值范围 |
equalTo | jQuery表达式 | 两个值相同 |
remote | url路径 | ajax校验 |
js代码方式
语法: $(...).validate({ rules:{}, messages:{} }); rules规则语法: rules:{ 字段名:校验器, 字段名:校验器 } 校验器语法: 语法:{校验器:值,校验器:值,...} messages提示语法: messages:{ 字段名:{校验器:"提示",校验器:"提示",...} }
例:
$("#formId").validate({ rules:{ username:{ required:true }, password:{ required:true, rangelength:[2,5] }, repassword:{ equalTo:"[name=password]" } }, messages:{ username:{ required:"不能为空" }, password:{ rangelength:"长度{0}-{1}之间" }, repassword:{ equalTo:"密码不一致" }, } })