`

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

 
阅读更多

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

JavaScript表单验证脚本

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

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

2. jQuery formValidator

jQuery formValidator - Javascript表单事件脚本

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

3. JSValidate

JSValidate - Javascript表单事件脚本

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

它支持的一些规则包括 :

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

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

InputMask Class for MooTools - Javascript表单事件脚本

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

5. meioMask (演示地址 )

meioMask - Javascript表单事件脚本

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

6. Validanguage

Validanguage - Javascript表单事件脚本

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

7. yav

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

8. VanadiumJS (演示地址 )

VanadiumJS - Javascript表单事件脚本

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

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

jQuery Live Form Validation - Javascript表单事件脚本

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

10. LiveValidation

LiveValidation - Javascript表单事件脚本

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

Javascript表单选择脚本

1. Extension:Multiselect2 (演示地址 )

Extension:Multiselect2 - Javascript表单事件脚本

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

2. Select Box Factory (演示地址 )

Select Box Factory - Javascript表单事件脚本

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

3. jQuery MultiSelect (演示地址 )

jQuery MultiSelect - Javascript表单事件脚本

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

4. M2MSelector

M2MSelector - Javascript表单事件脚本

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

5. jQuery shiftcheckbox plugin (演示地址 )

jQuery shiftcheckbox plugin - Javascript表单事件脚本

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

6. jQuery UI Multiselect

jQuery UI Multiselect - Javascript表单事件脚本

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

  • 大小: 51.2 KB
分享到:
评论

相关推荐

    javascript表单事件汇总

    在深入探讨《javascript表单事件汇总》这一主题之前,我们首先需要理解JavaScript作为一种广泛应用于网页开发的脚本语言,如何通过处理各种事件来增强用户体验、实现动态交互效果。本文将详细解析一系列重要的...

    JavaScript表单验证脚本之淘宝沙发傲视

    "JavaScript表单验证脚本之淘宝沙发傲视"这个标题可能指的是一个专门针对淘宝网站,或者至少是以淘宝为例的,用于表单验证的JavaScript脚本。虽然描述中的文字看起来像是随机字符组合,但我们可以从中提取出与...

    常用表单验证脚本函数

    这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数,开发者可以创建更加健壮和用户友好的表单。 1. **required属性**:这是HTML5引入的一个特性,可以在...

    javascript之validate验证脚本

    9. **表单验证库**:除了手动编写验证脚本,还可以利用现有的JavaScript表单验证库,如jQuery Validation Plugin、Formik等,它们提供了丰富的验证规则和友好的API,能快速构建复杂的验证逻辑。 10. **跨域策略与...

    基于JavaScript的表单验证.zip

    在表单验证中,JavaScript可以通过监听表单的`submit`事件来阻止默认提交行为,然后逐个检查输入字段的值。可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素,再利用`value`属性获取...

    JavaScript程序设计——页面设置与表单验证实验报告.docx

    实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域:页面设置和表单验证。在Web开发中,JavaScript是一种常用的客户端脚本语言,用于增强用户的...

    使用JavaScript语言进行表单验证

    JavaScript作为一种广泛使用的客户端脚本语言,能够高效地处理表单验证任务。它可以检测用户的输入是否符合预期的格式和规则,及时反馈错误信息给用户,从而避免无效的数据提交到服务器端。 #### 表单验证的基本...

    javascript 表单验证禁止输入中文汉字

    总结来说,禁止用户在JavaScript表单中输入中文汉字可以通过监听输入事件,结合正则表达式进行判断来实现。这不仅可以提升用户体验,还能确保收集到的数据满足特定格式要求。在实际应用中,可以根据具体需求调整正则...

    强大javascript 表单验证

    "强大JavaScript表单验证"这个主题旨在教你如何有效地利用JavaScript来确保用户提交的数据符合预期的格式和规则,从而提高网站的安全性和用户体验。 1. **表单验证的重要性**:在网页上,表单用于收集用户的个人...

    js带有登录提示验证的表单脚本代码

    总结,这个"js带有登录提示验证的表单脚本代码"项目涵盖了前端开发中关于表单设计、JavaScript验证、用户体验优化等多个方面的重要知识点。通过学习和应用这些技术,开发者可以创建出功能完善、用户体验良好的登录...

    常用的表单提交验证脚本

    常用的表单提交javascript验证脚本,有详细的使用说明

    javascript验证表单大全

    1. 事件监听:JavaScript可以通过监听`onsubmit`事件来在表单提交时执行验证。 2. DOM操作:通过DOM(文档对象模型)获取表单元素,如`document.getElementById`或`document.querySelector`。 3. 验证函数:创建验证...

    javascript表单验证类

    一个基本的JavaScript表单验证类可能包含以下几个部分: 1. 构造函数:接收表单元素或表单ID作为参数,初始化验证规则。 2. 验证方法:每个验证方法对应一种规则,如isEmpty、isEmail等。 3. 添加规则方法:允许...

    javascript&正则表达式进行表单验证

    本主题将深入探讨如何利用JavaScript和正则表达式进行有效的表单验证,以实现无刷新验证,提高用户体验。 首先,JavaScript是一种广泛应用于客户端的脚本语言,它可以直接在用户的浏览器上运行,处理用户与网页的...

    javascript数字验证脚本

    在处理表单验证时,我们可以利用jQuery选择器找到相应的输入元素,并添加事件监听器: ```javascript $(document).ready(function() { $('#yourInputField').on('input', function() { if (!...

    JavaScript常用验证脚本总结

    JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和数据验证。这篇博客“JavaScript常用验证脚本总结”提供了一些在实际开发中常用的JavaScript验证技术,帮助开发者确保用户...

    javascript万用表单验证

    JavaScript表单验证可以通过以下几种方式实现: 1. **事件监听**:利用JavaScript的事件监听机制,如`onsubmit`、`onchange`等,可以在用户提交表单或更改输入时立即执行验证函数。 2. **正则表达式**:JavaScript...

    简单的表单验证

    JavaScript表单验证的核心在于事件监听和验证函数。常见的表单事件有`submit`(提交)、`change`(改变)、`focus`(获取焦点)和`blur`(失去焦点)。开发者通常会在`submit`事件上添加验证逻辑,以在用户尝试提交...

    JS表单脚本输入验证

    在JavaScript(JS)中,表单脚本输入验证是网页开发中的重要环节,它确保用户在提交表单前输入的数据符合预设的规则,从而提高数据质量和用户体验。这篇博客(博文链接:https://zlk.iteye.com/blog/592365)可能...

Global site tag (gtag.js) - Google Analytics