`
hilliate
  • 浏览: 135052 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

jquery表单验证插件validationEngine---个人修改

阅读更多

validationEngine是jquery下一个非常不错的表单验证框架,与本人喜欢的基于mootools的form check非常相似,不过在使用上还是稍显麻烦,做了相关修改:

1、去掉了custom[**]规则,原来要验证email时,验证规则需要写为custom[email],现在只需要直接写email即可。以非空、email规则为例,原来的写法是:validate[required,custom[email]],现在的写法是:validate[required,email],有利于提高开发效率。

 

2、ui的改变,原来的validationEngine的提示是红颜色的,如图所示:

 

现在改为了与form check更为相似的黑颜色,个人感觉更酷一些,如图所示:

 

 

不过validationEngine官方即将退出v1.7版本,届时界面与我修改的非常相似,算是提前体验吧,呵呵。

 

 

3、汉化了部分验证规则。

 

具体的演示请见压缩包中的index.html文件,如有什么问题,欢迎在此交流。

在firefox 3.6,ie8,chrome下进行了测试,全部通过(ajax用户名验证未予以测试,以后会进行相关的测试),欢迎其他同学一起将测试做完全。

  • 大小: 18.8 KB
  • 大小: 18.4 KB
3
2
分享到:
评论
2 楼 jackbarony 2012-03-01  
大虾,有个问题一值困扰着我,validationEngine验证规则为什么一定要写在class属性里,可以改吗,该怎样改呢?

求大虾给予解答!!!!!!!
1 楼 bidezgo 2010-11-13  
不好意思
可否請問這個表單驗證功能
有沒有辦法在所有欄位驗證通過後
取得一個返回的值呢?
我是想在驗證通過後再秀出使用者填的資料在一個彈出的新視窗中
預覽無誤後再送出表單
感謝

相关推荐

    jQuery Validation Engine ( jQuery 表单验证插件)

    - `js` 文件夹:主要的JavaScript文件,如`validationEngine.jquery.js`是核心库,`validationEngine.jquery.min.js`是压缩版本。 - `demo` 文件夹:包含示例代码和演示,可以帮助你快速理解和使用Validation Engine...

    jQuery-Validation-Engine-master

    **Validation Engine**:Validation Engine是基于jQuery的表单验证插件,它的主要目标是为用户提供友好的、可定制的表单验证体验。它包含了多种预设的验证规则和错误提示样式,可以轻松地应用到任何HTML表单上。 ##...

    表单验证jQuery-Validation-Engine-master

    **jQuery Validation Engine** 是一个强大的JavaScript插件,主要用于前端网页上的表单验证。它通过提供丰富的自定义样式和多种验证规则,帮助开发者实现用户输入数据的有效性和格式验证,确保用户在提交表单前输入...

    jQuery-Validation-Engine-2.6.2-ciaoca.zip

    jQuery Validation Engine 2.6.2 是一个强大的表单验证插件,由 Ciaoca 进行了中文增强,使得该工具更适合中国用户使用。这个插件基于流行的 JavaScript 库 jQuery,旨在提供一种简单而优雅的方式来验证用户在网页...

    jquery-ui-validation-Engine

    `jQuery UI Validation Engine` 是一款强大的前端验证插件,主要用于提升用户体验,确保用户在交互式表单中输入的数据是有效和正确的。这款插件充分利用了 `jQuery` 和 `jQuery UI` 的优点,提供了一套美观、可...

    jQuery.validationEngine 表单验证中文版

    jQuery.validationEngine是一款强大的JavaScript插件,专用于前端表单验证。这款插件以其简洁的API、丰富的验证规则和良好的国际化支持而备受青睐。在中文环境中,它可以为用户提供友好的中文提示,确保用户输入的...

    jQuery.validationEngine表单验证中文版

    jQuery.validationEngine是一款强大的前端表单验证插件,它为开发者提供了便捷的方式来实现表单数据的验证。这个插件以其丰富的功能、友好的用户界面和灵活的自定义能力而受到广泛欢迎。下面将详细介绍jQuery....

    jquery表单验证插件

    1. **jQuery Validation Plugin**:这是最常用的一个jQuery表单验证插件,由Jörn Zaefferer开发。它提供了丰富的验证规则和自定义方法,可以轻松实现各种复杂的验证需求。使用时,需要引入jQuery库和验证插件的脚本...

    表单验证jquery插件

    jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...

    jQuery-Validation-Engine-2.6.2-ciaoca.rar

    jQuery Validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    Validation-Engine-2.6.4.zip

    Validation-Engine是一款基于jQuery的强大的前端表单验证插件,专为提高用户输入数据的准确性与安全性而设计。它的核心功能在于提供了一套灵活、可扩展的验证规则,帮助开发者轻松实现对用户提交表单数据的实时检查...

    jquery.validationEngine校验插件

    jQuery ValidationEngine 是一款强大的前端表单验证插件,它极大地简化了网页表单的验证过程,使开发者无需编写复杂的取值和正则表达式比较,即可实现丰富的验证功能。该插件以其直观、易用和高度可定制性而受到广大...

    jQuery-Validation-Engine:jQuery表单验证插件

    jQuery.validationEngine v3.1.0 寻找官方贡献者 这个项目已经进行了7年多了,现在我仅通过请求请求的贡献来维护该项目。 但是,我很乐意帮助提高代码质量并保持可接受的未解决问题。 概括 jQuery验证引擎是一个...

    前端项目-jQuery-Validation-Engine.zip

    前端项目-jQuery-Validation-Engine,jquery验证引擎是一个javascript插件,旨在验证浏览器中的表单字段(即6-8、Chrome、Firefox、Safari、Opera 10)。这个插件提供了视觉上吸引用户注意的提示。

    jQuery表单验证插件

    **jQuery表单验证插件——formValidator** 在Web开发中,表单验证是必不可少的一环,它确保用户输入的数据符合预设的规则,避免无效数据的提交,提高用户体验。jQuery formValidator是一个强大的验证插件,它能够...

    jquery.validationEngine 控件验证表单跟检测数据库是否有重名

    《jQuery.validationEngine控件在表单验证与数据库重名检测中的应用详解》 在Web开发中,表单验证是不可或缺的一环,它确保了用户输入数据的准确性和完整性。jQuery.validationEngine是一款强大的JavaScript验证...

    Jquery验证插件

    本文介绍的是一个名为`validationEngine`的jQuery表单验证插件。 #### 三、功能特点 - **美观的验证提示**:该插件提供了美观的Tooltip效果来显示验证结果,增强了用户交互体验。 - **广泛的浏览器兼容性**:虽然...

    validationEngine验证组件改样式

    validationEngine是一款基于jQuery的表单验证插件,它提供了丰富的验证规则和自定义错误消息功能,使得在网页中实现复杂的用户输入验证变得简单易行。这个压缩包文件可能包含了经过修改后的validationEngine验证组件...

    JQuery.validationEngine表单验证插件(推荐)

    JQuery.validationEngine是一款基于jQuery的表单验证插件,它提供了一种简单且高效的方式来增强表单验证功能。通过这款插件,开发者可以在Web应用中轻松实现输入数据的合法性检验,提高用户体验,减少无效数据的提交...

Global site tag (gtag.js) - Google Analytics