`
badqiu
  • 浏览: 673804 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

扩展基于prototype的validation.js

    博客分类:
  • AJAX
阅读更多
validation.js是一个基于prototype表单前端验证工具,与其它库相比,简单易用.
下面是对validation的介绍
http://tetlaw.id.au/view/blog/really-easy-field-validation-with-prototype/
ajax
http://ajax.org/space/start/2006-05-15/2
http://ajax.org/space/start/2006-05-22/1

以下是对其做的扩展.
* 新增验证:
* 增加min-value-number验证,例: 最小值为10.1 = min-value-10.1
* 增加max-value-number验证,例: 最大值为-100.1 = min-value--100.1
* 增加长度范围validate-length-range-minLength-maxLength验证,例: 最小长度为1,最大长度为10 = validate-length-range-1-10
* 增加整型数字范围validate-int-range-minValue-maxValue验证,例: 5至20 = validate-int-range-5-20
* 增加浮点数字范围validate-float-range-minValue-maxValue验证,例: -1.1至10 = validate-float-range--1.1-10
* 增加min-length-number验证,例: 最小长度为10 = min-length-10
* 增加max-length-number验证,例: 最大长度为10 = max-length-10
* 增加文件类型 validate-file-type1-type2-typeX 的验证,例: validate-file-zip-png-jpeg 将验证文件是否为zip,png,jpeg格式之一
* 增加中文日期验证 validate-date-cn
* 增加相等验证validate-equals-item1-item2-itemX,判断输入的值为[item1,item2,itemX]之一
*
* 修改记录:
* 增加Validation._getInputValue() 取代$F()方法以对file input进行验证
* 修正Validation.isVisible() 中while循环中elm可能不存在为空的问题
* 增加ValidationFactory for cache
* 修改Validation.get()方法使用indexOf()的匹配模式,以适应可以通过class传递参数
* 修改errorMsg可由方法返回

min-length-number,max-length-number,validate-file-xx1的实现机制主要是直接使用className作为参数传递,再在验证方法中抽取max-length-number的number作为参数使用

分享到:

相关推荐

    表单验证类 基于prototype的validation.js

    `validation.js`是一个专门用于前端表单验证的库,它基于Prototype JavaScript框架构建,提供了一种简单且灵活的方式来实现这一功能。 **Prototype框架** 是一个广泛使用的JavaScript库,它扩展了JavaScript语言的...

    Really easy field validation with Prototype 1.5.3 中文扩展版

    "Really easy field validation with Prototype 1.5.3 中文扩展版"是一个针对Prototype JavaScript库的前端验证插件,旨在简化网页表单的数据验证过程。这个工具以其简单易用和强大的功能著称,并且提供了对多语言的...

    基于prototype的表单验证框架rapid-validation-v1.0

    简洁,快速的验证语法 无需编写验证提示信息(当然也支持自定义提示信息) 错误消息在指定地方显示 支持组合验证 Ajax支持 基于prototype.js 支持国际化 易于扩展 基于标准的Html属性...

    框架验证validation

    5. `fabtabulous.js`:这个名字可能暗示这是一个额外的JavaScript库或插件,可能用于扩展验证功能或者提供更复杂的效果,比如创建分步表单或动态表单。 6. **国际化支持**:`validation_cn.js`的存在表明这个验证...

    关于jquery.validate.js 相同name的多个元素只能验证第一个元素的解决办法

    通过对jQuery Validate插件的`$.validator.prototype.elements()`方法进行自定义扩展,可以有效地解决相同`name`的多个元素只能验证第一个元素的问题,从而提高了表单验证的准确性和用户体验。这种方法特别适用于...

    js验证框架之RealyEasy验证详解

    为了实现更灵活的验证,你需要深入理解`validation.js`的内部逻辑,并可能需要自定义验证规则或利用其内置的回调机制来扩展功能。原版下载后,可以在HTML示例中查看更多的使用方法和应用场景。 总的来说,RealyEasy...

    jquery+prototype 源码 资料 插件合集

    1. 面向对象:Prototype扩展了JavaScript的原型链,引入类(Class)的概念,便于创建复杂的对象结构。 2. DOM操作:Prototype提供了一套优雅的DOM操作方法,如`Element.extend`和`$()`选择器。 3. AJAX:Prototype的...

    scriptaculous-js-1.9.0

    Prototype是一个强大的JavaScript库,它扩展了JavaScript的基本对象,使得JavaScript编程更加简洁和高效。Prototype的核心特性包括DOM操作、事件处理、Ajax通信和面向对象编程支持。Scriptaculous库正是构建在...

    大名鼎鼎SWFUpload- Flash+JS 上传

     SWFUpload不同于其他基于Flash构建的上传工具,它有着优雅的代码设计,开发者可以利用XHTML、CSS和JavaScript来随心所欲的定制它在浏览器下的外观;它还提供了一组简明的JavaScript事件,借助它们开发者可以方便的...

    AJAX 验证框架13个

    8. Field validation with Prototype - 结合Prototype和Scriptaculous,提供了丰富的内置验证规则和自定义验证扩展能力。 9. Spry Validation Widget - Adobe开发的验证组件,与Dreamweaver CS3紧密集成,也可以...

    legit:自 2013 年以来保持您的 Javascript 模型合法

    例如,对于 Backbone.js,您可以使用_.extend()使用 Legit 扩展模型的原型,如下所示: // Make this model "validatable". Legit ( UserModel . prototype ) ; 然后你可以像这样定义你的验证: var UserModel...

    JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】

    在JS表单验证插件的场景下,策略模式能够帮助开发者将数据层面的验证规则(算法)与执行验证的逻辑(对象)相分离,从而提高代码的可维护性、可扩展性和灵活性。 在介绍策略模式之前,先要了解表单验证的过程,大致...

    jquery-validate前台验证框架,带详细使用方法

    <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js"> ``` 如果使用的是本地项目,可以通过以下命令进行安装: ```bash npm install --save jquery-validation ``` ...

    ValidationJS-开源

    `ValidationJS-开源`是一个基于PrototypeJS框架的轻量级客户端JavaScript验证库,旨在简化网页表单的验证过程,提供易用且可读性高的验证功能。以下将详细阐述其核心概念、工作原理以及如何使用。 一、核心概念 1. ...

    struts-2.3.15.3.jar

    5. **插件体系**:Struts 2具有强大的扩展性,通过插件可以轻松地添加新功能,如Struts2-convention-plugin提供了基于约定优于配置的能力,Struts2-dojo-plugin则提供了与Dojo JavaScript库的集成。 6. **Ognl...

    50个精彩JQuery插件案例

    1. **jQuery插件的原理**:jQuery插件是基于jQuery核心功能扩展的功能模块,通过$.fn.extend()方法,将新方法添加到jQuery对象的prototype上,使得所有jQuery选择器都能调用这些新方法。 2. **DOM操作**:jQuery...

    JQuery API

    Prototype 是另一个JavaScript库,虽然不及jQuery流行,但同样提供了一些强大的功能,如DOM操作、事件处理、AJAX等。其1.5.1_RC1版本的中文文档可以帮助开发者更好地理解和使用这个库。 **jqAPI** jqAPI 可能是...

    jQuery 1.4 源码以及chm文档

    2. 插件机制:jQuery 1.4的插件机制使得开发者可以方便地扩展功能,例如,许多流行的插件如jQuery UI、jQuery Validation等。 3. 性能优化:1.4版本在性能上进行了优化,比如`.live()`方法的改进,使得动态元素的...

Global site tag (gtag.js) - Google Analytics