- 浏览: 119305 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (86)
- Web Page (23)
- Java (5)
- Web Security (7)
- Cache (0)
- Message (0)
- CAS (3)
- 开源系统 (2)
- my systems (2)
- Apache Chemistry and Jackrabbit (1)
- Jquery (1)
- spring (8)
- 虚拟主机部署 (3)
- ORM (3)
- myeclipse eclipse (5)
- full index (1)
- 公式编辑器 (1)
- 网页编辑器 (1)
- junit4 (1)
- 飞鸽传书 (1)
- centos install (1)
- maven (1)
- hibernate (1)
- tomcat (5)
- eclipse (4)
- 工具 (1)
- mysql (2)
- tomcat jndi + spring配置 (1)
- goagent (0)
- html video (1)
- ckeditor (0)
- getResourceAsStream (1)
- online education project (1)
- Mac (1)
- Chrome (1)
- dev-tool (1)
最新评论
-
107x:
谢谢分享
Eclipse下使用maven开发web项目 -
a604346146:
如果你关闭该界面时,session没有注销,你不能再登录进去, ...
spring security 同步session控制 -
Jekey:
...
已有windows 7下硬盘安装CentOS 6.x
16个JavaScript 表单事件脚本, 含jQuery 表单验证和ExtJs 表单选择。
JavaScript表单验证脚本
1. jQuery Inline Form Validation Engine (演示地址 )
这是一个采用Tooltip效果显示校验提示信息的表单校验jQuery插件。
2. jQuery formValidator
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面HTML 代 码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。目前支持5种 大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、 compareValidator(提供2个对象的比较,目前可以比较字符串和数值型)、ajax Validator(通过ajax到服务器上做数据校 验)、regexValidator(提供可扩展的正则表达式库) 、functionValidator (可使用外部函数来做校验)
3. JSValidate
JSValidate 是一个免费的脚本库,用于 确认表单 ,需要 Prototype 和 Script.aculo.us 支持运行。
它支持的一些规则包括 :
- 必填字段
- 仅允许数字
- 仅允许字母
- 信用卡号码格式
- 美国邮政编码, 电话号码和国家代码格式
4. InputMask Class for MooTools (演示地址 )
这是一个可以让用户按设定好格式输入的MooTools插件。
5. meioMask (演示地址 )
meioMask是一个可以让用户按指定格式输入的jQuery插件。既可以使用预先设置的格式,也在class属性中自定义输入格式。
6. Validanguage
JavaScript 表单验证框架。它拥有集成逻辑,一些设置可以针对全局,单个表单或单个对象。提供两个API,集成 AJAX 支持,缓存,以及回调函数。它提供类似 HTML 的 API 语句,以及面向对象的 JavaScript API 。
7. yav
一个强大,灵活,可扩展的表单验证库。支持各种场合,从简单的如日期,电子邮件地址以及整数的验证,到复杂的,如正则表达式。内置 AJAX 支持,输出的错误消息可以定位到对象级。
8. VanadiumJS (演示地址 )
VanadiumJS是一个强大的客户端表单校验jQuery插件。完全可以定制校规则,VanadiumJS默认提供的一些规则包括:必填、一些特定的格式、数字(integer, float)、长度、checkboxes是否接受。
9. jQuery Live Form Validation (演示地址 )
jQuery Live Form Validation是一个用于创建表单验证的jQuery插件。支持自定义校验规则,既可以在输入的时候实时校验,也可以在提交的时候校验。提示信息的样式完全可以通过CSS 定义。
10. LiveValidation
一个轻量的表单验证库。除了传统的验证功能,还提供实时验证,可以一边输入一遍验证。Ruby on Rails 用户可能会发现这个库非常好用,因为他们的命名规则和参数十分近似。该库既有独立版本,又有一个 Prototype 版本。
Javascript表单选择脚本
1. Extension:Multiselect2 (演示地址 )
基于Ext扩展的一个控件,能够左右移动列表中的项目。
2. Select Box Factory (演示地址 )
Select Box Factory是一个MooTools插件,能够让你创建更好,更漂亮,高级选择框。
3. jQuery MultiSelect (演示地址 )
jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。
4. M2MSelector
左右列表框内容选择控件。
5. jQuery shiftcheckbox plugin (演示地址 )
这是一个让你按住Shift键,就可以同时选中一组checkbox的jQuery插件。
6. jQuery UI Multiselect
博文来源: http://news.cnblogs.com/n/50366/
发表评论
-
CSS 的 margin 很困難
2014-04-21 14:24 1533转自:http://xxxxxly.in/posts/ ... -
禁止浏览器自动填充用户名密码
2014-02-18 22:37 937有时页面字段不希望浏览器自动填充用户名和密码,可以在< ... -
Struts标签中的字符串格式化输出
2013-07-11 08:49 1145转自: http://blog.csdn.net/bzkfn ... -
Eclipse下使用maven开发web项目
2012-07-17 09:37 2235摘抄自: http://www.noday.net/artic ... -
eclipse下struts的maven项目报 Missing artifact com.sun:tools:jar错
2012-07-11 17:51 1855如果项目中使用struts2和mave, 则pom文件可能如下 ... -
onsubmit=return false阻止form表单提交javascript_1
2011-12-01 01:22 1091摘自:http://jackaudrey.blog ... -
防止表单自动提交,以及submit和button提交表单的区别
2011-12-01 01:21 6454转自:http://jackaudrey.blog ... -
Iframe 自适应3
2011-11-30 20:27 922Iframe跨域自适应高度(兼容IE/Fi ... -
ckeditor中文文档——开发者文档(3)配置--配置设置
2011-11-30 13:58 2007---- 摘自:http://blog.csdn.net/lh ... -
为CKEditor添加Readonly按钮和Upload Image按钮
2011-11-30 08:29 1702问题内容 转自:http://cjkz.52bianc ... -
jsp中ckeditor的运用实例及配置
2011-11-22 13:33 728转自: http://hi.baidu.com/%B7%E7 ... -
页面回发后,让页面自动滚动到指定位置的一种简单的方法
2011-11-21 21:39 1088页面回发后,让页面自动滚动到指定位置的一种简单的方法 ... -
常用图标
2011-08-30 17:17 715验证表单 -
表单验证提示信息
2011-08-30 17:14 2034<!DOCTYPE html PUBLIC " ... -
tip help--js带箭头的提示框
2011-08-30 16:56 1631<!DOCTYPE html PUBLIC " ... -
div move
2011-08-30 16:17 829<!DOCTYPE html PUBLIC " ... -
验证码Jcaptcha .
2011-08-30 15:58 754http://blog.csdn.net/sz_bdqn/ar ... -
十大最佳Ajax教程(转)
2011-07-12 10:15 840转自:http://news.csdn.net/a/20100 ... -
iframe高度自适应2
2011-07-10 22:09 628http://www.fufuok.com/adaptive- ... -
iframe高度自适应1(转)
2011-07-10 22:08 1154转自:http://www.kuqin.com/w ...
相关推荐
在深入探讨《javascript表单事件汇总》这一主题之前,我们首先需要理解JavaScript作为一种广泛应用于网页开发的脚本语言,如何通过处理各种事件来增强用户体验、实现动态交互效果。本文将详细解析一系列重要的...
"JavaScript表单验证脚本之淘宝沙发傲视"这个标题可能指的是一个专门针对淘宝网站,或者至少是以淘宝为例的,用于表单验证的JavaScript脚本。虽然描述中的文字看起来像是随机字符组合,但我们可以从中提取出与...
这篇博客"常用表单验证脚本函数"主要探讨了JavaScript中用于表单验证的一些关键函数和方法。通过学习这些函数,开发者可以创建更加健壮和用户友好的表单。 1. **required属性**:这是HTML5引入的一个特性,可以在...
9. **表单验证库**:除了手动编写验证脚本,还可以利用现有的JavaScript表单验证库,如jQuery Validation Plugin、Formik等,它们提供了丰富的验证规则和友好的API,能快速构建复杂的验证逻辑。 10. **跨域策略与...
在表单验证中,JavaScript可以通过监听表单的`submit`事件来阻止默认提交行为,然后逐个检查输入字段的值。可以使用`document.getElementById`或`document.querySelector`等方法获取表单元素,再利用`value`属性获取...
实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域:页面设置和表单验证。在Web开发中,JavaScript是一种常用的客户端脚本语言,用于增强用户的...
JavaScript作为一种广泛使用的客户端脚本语言,能够高效地处理表单验证任务。它可以检测用户的输入是否符合预期的格式和规则,及时反馈错误信息给用户,从而避免无效的数据提交到服务器端。 #### 表单验证的基本...
总结来说,禁止用户在JavaScript表单中输入中文汉字可以通过监听输入事件,结合正则表达式进行判断来实现。这不仅可以提升用户体验,还能确保收集到的数据满足特定格式要求。在实际应用中,可以根据具体需求调整正则...
"强大JavaScript表单验证"这个主题旨在教你如何有效地利用JavaScript来确保用户提交的数据符合预期的格式和规则,从而提高网站的安全性和用户体验。 1. **表单验证的重要性**:在网页上,表单用于收集用户的个人...
总结,这个"js带有登录提示验证的表单脚本代码"项目涵盖了前端开发中关于表单设计、JavaScript验证、用户体验优化等多个方面的重要知识点。通过学习和应用这些技术,开发者可以创建出功能完善、用户体验良好的登录...
常用的表单提交javascript验证脚本,有详细的使用说明
1. 事件监听:JavaScript可以通过监听`onsubmit`事件来在表单提交时执行验证。 2. DOM操作:通过DOM(文档对象模型)获取表单元素,如`document.getElementById`或`document.querySelector`。 3. 验证函数:创建验证...
一个基本的JavaScript表单验证类可能包含以下几个部分: 1. 构造函数:接收表单元素或表单ID作为参数,初始化验证规则。 2. 验证方法:每个验证方法对应一种规则,如isEmpty、isEmail等。 3. 添加规则方法:允许...
本主题将深入探讨如何利用JavaScript和正则表达式进行有效的表单验证,以实现无刷新验证,提高用户体验。 首先,JavaScript是一种广泛应用于客户端的脚本语言,它可以直接在用户的浏览器上运行,处理用户与网页的...
在处理表单验证时,我们可以利用jQuery选择器找到相应的输入元素,并添加事件监听器: ```javascript $(document).ready(function() { $('#yourInputField').on('input', function() { if (!...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责处理客户端的交互和数据验证。这篇博客“JavaScript常用验证脚本总结”提供了一些在实际开发中常用的JavaScript验证技术,帮助开发者确保用户...
JavaScript表单验证可以通过以下几种方式实现: 1. **事件监听**:利用JavaScript的事件监听机制,如`onsubmit`、`onchange`等,可以在用户提交表单或更改输入时立即执行验证函数。 2. **正则表达式**:JavaScript...
JavaScript表单验证的核心在于事件监听和验证函数。常见的表单事件有`submit`(提交)、`change`(改变)、`focus`(获取焦点)和`blur`(失去焦点)。开发者通常会在`submit`事件上添加验证逻辑,以在用户尝试提交...
在JavaScript(JS)中,表单脚本输入验证是网页开发中的重要环节,它确保用户在提交表单前输入的数据符合预设的规则,从而提高数据质量和用户体验。这篇博客(博文链接:https://zlk.iteye.com/blog/592365)可能...