18款优秀的表单验证插件

 

Ajax Fancy Captcha

 

很有创意的表单验证方式，拖动一个图标到指定的位置，创意可能来自Iphone的滑动解锁。

 

jMaxInput

jMaxInput可以实现Textarea输入字数的限制，类似于微博中发消息的输入框。当输入的时候能够显示剩余可输入的字符数。

 

Chroma-Hash

Chroma-Hash是一个能够为用户提供更好密码输入体验的jQuery插件。它能够将输入的值转换成某种颜色组合。用户只要记住正确密码的颜色，就能够判断自己输入的密码是否正确，而不需要等到提交服务器才知道是否正确。

 

Validatious

Validatious2.0是一个非侵入式表单校验JavaScript函数包。不依赖于任何JavaScript框架，可以设置如何展示校验错误信息，在Callbacks中加入相进行的操作。

 

maxChar

maxChar这个插件用于为任意HTML文本输入框（Input或Textarea）添加最多可输入字符限制，并动态显示剩余可输字符数。maxChar支持处理通过右键菜单粘入的字符数。

 

jQuery Numeric

jQuery Numeric只允许在文本框中输入0到9数字的jQuery插件。
用法: $(input).numeric();

 

jQuery Live Form Validation

jQuery Live Form Validation是一个用于创建表单验证的jQuery插件。支持自定义校验规则，既可以在输入的时候实时校验，也可以在提交的时候校验。提示信息的样式完全可以通过CSS定义。

 

VanadiumJS

VanadiumJS是一个强大的客户端表单校验jQuery插件。完全可以定制校规则，VanadiumJS默认提供的一些规则包括：必填、一些特定的格式、数字（integer, float）、长度、checkboxes是否接受。

 

yav

一个强大，灵活，可扩展的表单验证库。支持各种场合，从简单的如日期，电子邮件地址以及整数的验证，到复杂的，如正则表达式。内置 AJAX 支持，输出的错误消息可以定位到对象级。

 

LiveValidation

一个轻量的表单验证库。除了传统的验证功能，还提供实时验证，可以一边输入一遍验证。Ruby on Rails 用户可能会发现这个库非常好用，因为他们的命名规则和参数十分近似。该库既有独立版本，又有一个 Prototype 版本。

 

 

Validanguage

JavaScript 表单验证框架。它拥有集成逻辑，一些设置可以针对全局，单个表单或单个对象。提供两个API，集成 AJAX 支持，缓存，以及回调函数。它提供类似 HTML 的 API 语句，以及面向对象的 JavaScript API 。

 

meioMask

meioMask是一个可以让用户按指定格式输入的jQuery插件。既可以使用预先设置的格式，也在class属性中自定义输入格式。

 

InputMask Class for MooTools

这是一个可以让用户按设定好格式输入的MooTools插件。

 

JSValidate

JSValidate 是一个免费的脚本库，用于 确认表单 ，需要 Prototype 和 Script.aculo.us 支持运行。 它支持的一些规则包括: 必填字段仅允许数字仅允许字母 E-mail 信用卡号码格式美国邮政编码, 电话号码和国家代码格式 它的使用非常简单，具体请查看该脚本库的主页。

 

jQuery formValidator

jQuery formValidator表单验证插件，它是基于jQuery类库，实现了js脚本于页面html代码的分离。你可以划分多个校验组，每个组的校验都是互不影响。对一个表单对象，你只需要写一行代码就可以轻松实现无数种（理论上）脚本控制。目前支持5种大的校验方式，分别是：inputValidator（针对input、textarea、select控件的字符长度、值范围、选择个数的控制）、compareValidator（提供2个对象的比较，目前可以比较字符串和数值型）、ajaxValidator（通过ajax到服务器上做数据校验）、regexValidator（提供可扩展的正则表达式库） 、functionValidator （可使用外部函数来做校验）

 

jQuery Inline Form Validation Engine

这是一个采用Tooltip效果显示校验提示信息的表单校验jQuery插件。

 

ProtoForm

基于Prototype框架开发，提供Form校验与Ajax提交功能。能够校验输入框中否必填，校验Email，日期，电话号码和URL等格式是否正确。利用Ajax发送数据，显示请求响应，加亮获取焦点的输入框等。

 

jVal

jQuery表单校验插件。

评论

1 楼 zhangyou1010 2010-09-01  

感谢博主分享http://www.open-lib.com/