2024年3月16日发(作者：)

jQuery formValidator表单验证插件是什么?

jQuery formValidator表单验证插件，它是基于jQuery类库，实现了

js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互

不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）

脚本控制。目前支持5种大的校验方式，分别是：inputValidator（针对input、

textarea、select控件的字符长度、值范围、选择个数的控制）、

compareValidator（提供2个对象的比较，目前可以比较字符串和数值型）、

ajaxValidator（通过ajax到服务器上做数据校验）、regexValidator（提供可

扩展的正则表达式库） 、functionValidator （可使用外部函数来做校验）

本插件于其他校验控件最大的区别有3点：

1、校验功能可以扩展。

对中文、英文、数字、整数、实数、Email地址格式、基于HTTP协议

的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、

QQ号码、日期等等这些控制，别的表单校验控件是代码里写死的，而

formValidator是通过外部js文件来扩展的，

你可以通过写正则表达式和函数

来无限的扩展这些功能

。

2、实现了校验代码于html代码的完全分离。

你的所有信息都无需配置在校验表单元素上，你只要在js上配置你的

信息。使美工（界面）和javascript工程师的工作不交织在一起

3、你只需写一行代码就能完成一个表单元素的所有校验。你只需要写一行代码

就能完成一下所有的控制

支持所有类型客户端控件的校验

支持jQuery所有的选择器语法，只要控件有唯一ID和type属性

支持函数和正则表达式的扩展。提供扩展库，你可

以自由的添加、修改里面的内容。

支持2种校验模式。第一种：文字提示(showword模式)；第二种：弹出

窗口提示(showalert模式)

支持多个校验组。如果一个页面有多个提交按钮，分别做不同得提交，提

交前要做不同的校验，所以你得用到校验组的功能。

支持4种状态的信息提示功能，可以灵活的控制4种状态是否显示。第一

种：刚打开网页的时候进行提示；第二种：获得焦点的时候进行提示；第

三种：失去焦点时，校验成功时候的提示；第四种：失去焦点时，校验失

败的错误提示。

支持自动构建提示层。可以进行精确的定位。

支持自定义错误提示信息。

支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字

符型；选择的个数支持radio/checkbox/select三种控件

支持2个控件值的比较。目前可以比较字符串和数值型。

支持服务器端校验。

支持输入格式的校验。

更新记录

2009/1/24 13:59:00 jQuery formValidator 3.3ver

在升级的过程中发现了一些bug，在这个版本里做了修正；使用新版的jQuery

类库，精简了不少代码。

1、升级的过程中，把inputvalidator函数的里的属性defaultvalue弄错了，

导致默认值都失效。

现更正为如下：

最后一个版本属性名为defaultval，现更正为了原来的属性名defaultvalue

checkbox和radio以及select控件都必须用数组进行初始化,请看demo1里的

几个控件的默认值。

2、ajaxvalidator是大家问的最多的问题，修正一个bug（感谢网友“じ龍峸

√”），并把大家最关心的问题，再做一次阐述。

bug现象：无论校验有没有校验通过，当控件再次得到焦点而再次失去焦点的时

候tip里的提示就会停滞在得到焦点的提示

历次升级的相关记录：

a、为AjaxValidator添加一个addidvalue属性(是否自动添加id和值到url

参数后面)

为了修复AjaxValidator在配置信息的时候,取不到运行时候值的bug，插件将

自动在url后面自动添加,形式为"id=value"的网页参数。在服务器端,你可以通

过tring["id"]来取值。 具体演示请看demo1里的用户名输入

和

b、AjaxValidator校验方式，将自动再增加一个参数到请求的地址后面

"clientid=触发校验的表单ID"。

如果你是一个jQuery集合做校验，如果用到了AjaxValidator校验方式,在服务

器端，你无法知道触发校验的是哪个 表单元素，所以在请求的地址后面追加

"clientid=触发校验的表单ID"。

3、上次更新的过程中，压缩包里忘记放入datepicker日期控件，一起更正

2008/12/7 01:44:00 jQuery formValidator 3.2ver

1、为compareValidator里的datatype属性增加新的类型：date、datetime。

那么到目前为止，插件支持4种常类型:"string"、"number"、"date"、