jQuery.validate.js

lib文件夹已包含了jQuery.validate.js插件,无需单独下载。单独下载地址 jquery.validation.zip

jQuery.validate是由jQuery团队、 jQuery UI团队的主要开发人员Jörn Zaefferer 编写和维护的一套表单验证插件,为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。是目前最前最强大的表单验证插件之一。

使用方法

1、jQuery.validate.js依赖jQuery或者zepto.js。

引入脚本

<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.min.js"></script>

validate-methods.js 为扩展的验证规则

messages_zh.js 为验证提示文件

js调用


        

demo效果

相关参数

属性 默认值 类型 说明
required false boolean 是否必填
remote - string 使用 ajax 方法调用 check.php 验证输入值。
email - boolean 电子邮箱格式校验。
url - boolean 网址格式校验。
date - boolean 日期格式校验 ie6 出错,慎用。
dateISO - boolean 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。
number - boolean 校验数字(负数,小数)。
digits - boolean 校验整数。
creditcard - boolean 校验信用卡号。
equalTo - string 如:"#password"。输入值必须和 #password 相同,通常用于密码验证。
accept - string 输入拥有合法后缀名的字符串(常用来校验上传的文件格式)。
min - number 如:10,输入值不能小于 10。
minlength - number 如:10,输入长度最小是 10 的字符串(汉字算一个字符)。
max - number 如:5,输入值不能大于 5。
maxlength - number 如:5,输入长度最多是 5 的字符串(汉字算一个字符)。
range - array 如:[5,10],输入值必须介于 5 和 10 之间。
rangelength - array 如:[5,10],输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。