jQuery formValidator表单验证插件是客户端表单验证插件。

Query formValidator表单校验插件支持的验证功能（还有很多功能没有罗列）罗列如下：

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

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

  • 支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js，你可以自由的添加、修改里面的内容。

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

  • 支持多个校验组。如果一个页面有多个提交按钮，分别做不同得提交，提交前要做不同的校验，所以你得用到校验组的功能。

  • 支持4种状态的信息提示功能，可以灵活的控制4种状态是否显示。第一种：刚打开网页的时候进行提示；第二种：获得焦点的时候进行提示；第三种：失去焦点时，校验成功时候的提示；第四种：失去焦点时，校验失败的错误提示。

  • 支持自动构建提示层。

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

  • 支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型；选择的个数支持radio/checkbox/select三种控件

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

  • 支持服务器端校验。

  • 支持输入格式的校验。

使用插件必须加载的文件 [top]

//加载jQuery类库
<script src="jquery_last.js" type="text/javascript"></script>
//加载插件的样式库，如果你是自动构建提示层，请加载validatorAuto.css
<link type="text/css" rel="stylesheet" href="style/validator.css"></link>
//加载插件
<script src="formValidator.js" type="text/javascript"></script>
//加载扩展库
<script src="formValidatorRegex.js" type="text/javascript"></script>

目 前支持5种大的校验方式，分别是：inputValidator（针对input、textarea、select控件的字符长度、值范围、选择个数的 控制）、compareValidator（提供2个对象的比较，目前可以比较字符串和数值型）、ajaxValidator（通过ajax到服务器上做 数据校验）、regexValidator（提供可扩展的正则表达式库） 、functionValidator （提供可扩展函数库来做校验）

你可以有两种方法快速开始（看到效果）

  • 下载最新的版本，直接在本地查看。

无论是那种方法，演示的例子中都有详细的步骤，以及对应的代码。