16个Javascript表单事件脚本(表单验证、选择)

16个JavaScript表单事件脚本, 含jQuery表单验证和ExtJs表单选择。

JavaScript表单验证脚本

1. jQuery Inline Form Validation Engine (演示地址)

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

2. jQuery formValidator

16个Javascript表单事件脚本(表单验证、选择)_第1张图片

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

3. JSValidate

16个Javascript表单事件脚本(表单验证、选择)_第2张图片

JSValidate 是一个免费的脚本库,用于 确认表单 ,需要 Prototype 和 Script.aculo.us 支持运行。

它支持的一些规则包括:

  • 必填字段
  • 仅允许数字
  • 仅允许字母
  • E-mail
  • 信用卡号码格式
  • 美国邮政编码, 电话号码和国家代码格式

4. InputMask Class for MooTools (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第3张图片

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

5. meioMask (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第4张图片

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

6. Validanguage

Validanguage - Javascript表单事件脚本

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

7. yav

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

8. VanadiumJS (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第5张图片

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

9. jQuery Live Form Validation (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第6张图片

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

10. LiveValidation

16个Javascript表单事件脚本(表单验证、选择)_第7张图片

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

Javascript表单选择脚本

1. Extension:Multiselect2 (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第8张图片

基于Ext扩展的一个控件,能够左右移动列表中的项目。

2. Select Box Factory (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第9张图片

Select Box Factory是一个MooTools插件,能够让你创建更好,更漂亮,高级选择框。

3. jQuery MultiSelect (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第10张图片

jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。

4. M2MSelector

16个Javascript表单事件脚本(表单验证、选择)_第11张图片

左右列表框内容选择控件。

5. jQuery shiftcheckbox plugin (演示地址)

16个Javascript表单事件脚本(表单验证、选择)_第12张图片

这是一个让你按住Shift键,就可以同时选中一组checkbox的jQuery插件。

6. jQuery UI Multiselect

16个Javascript表单事件脚本(表单验证、选择)_第13张图片

 

博文来源: http://news.cnblogs.com/n/50366/

你可能感兴趣的:(javascript)