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:"密码不一致"
},
}
})