`
moonlight2010
  • 浏览: 20118 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

基于prototype校验框架个人总结

    博客分类:
  • java
阅读更多
心得:
首先,在FM_validation.js中运用
Event.observe(window,'load',Validation.autoBind,false);
这个方法绑定了window的onload事件的处理程序。
这句话的意思是window的onload事件的处理程序是Validation.autoBind方法。
Observe的强大之处在于,
如果你的页面中有window。Onload函数的重新定义。比如我们财务系统中在加载的时候要
在页面划斑马线,也是在onload中进行的。
Observe注册onload事件并不会覆盖的你已经定义的方法。只会追加在事件处理列表中。
专业解释如下:
对于那些相同的元素事件(element+event)组合,它并不会替换已经存在的事件处理程序,而是将新的处理程序增加到元素事件组合的 处理程序列表 中。使用 observe 再也不会影响到先前已有的事件处理程序调用了
其次,在Validation.autobind方法中。遍历页面中的所有form元素。
这些form元素的共性是class的属性是required-validate.
根据document.getElementsByClassName('required-validate')这个方法就可以得到页面中所有的form元素。
遍历得到的form对象,并且根据每传过来一个form对象实例化一个validation对象。
然后绑定form的reset方法到validation的reset方法中。代码如下
Event.observe(form,'reset',function() {validation.reset();},false);
现在最重要的类出现了就是validation。
下面我们具体看一下这个类的实现,有哪些方法和属性
Validation说明:
第一, validation是一个大的校验类,对应每个校验标识生成一个validatior检验对象。
Validation和validator是不一样的。
Validation运用addallthese方法填充methods属性,validation.methods的值一个hashmap,
Key对应的就是jsp页面中输入的标识,比如required,validate-number等等,值就是对应的validator对象。这个对象就是对应标识生成的。对象的参数是:
错误提示代码字符串,校验函数。
第二, 遍历form中每个元素,然后再对每个元素进行遍历他的classname。
根据不同的clasname进行校验。根据classname数组中每个标识遍历validation.methods找到对应的validator对象。
然后调用validator.test方法进行校验是否合法。


最后,说一下fireEvent方法
fireEvent的方法,在我看来就是自动触发一个 事件。
举一个例子,正常情况下,如果我们想触发onclick事件,那么你肯定要用鼠标进行点击才可触发的。
Fireevent方法可以使你不用手工触发onclick事件,就可以执行onclick相对应的程序。是不是很强大。并且支持冒泡。
fireevent返回值问题:
正常情况下,fireevent的返回值是true,这样的话就可以使其事件进行向上传递。
但是如果在你对应事件处理代码中写到
Window.event.returnvalue = false;
那么返回值就是false,并且停止传递。
如果你引用prototype的话。
可以这样写
Event.stop(ev);ev是你的事件处理函数的参数。表示当前事件。
分享到:
评论

相关推荐

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

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

    Ajax最全页面验证-基本prototype框架

    本文将深入探讨Ajax在表单验证中的应用,特别是基于Prototype框架的实现方式,以及动态验证的重要性。 一、Ajax基础 Ajax的核心是通过JavaScript与服务器进行异步通信,无需刷新整个页面就能获取或更新数据。它由...

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

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

    javascript验证框架

    在本主题中,我们将深入探讨基于Prototype的JavaScript验证框架。 Prototype是一个广泛使用的JavaScript库,它扩展了JavaScript的内置对象,并提供了许多实用的功能,包括DOM操作、Ajax交互以及对象创建等。当...

    基于prototype的js异步上传带进度条 有后台代码

    实际应用中,可能需要结合其他库如jQuery或现代的前端框架(如React、Vue、Angular)来提供更好的用户体验。同时,随着技术的发展,Web Workers和Fetch API等新特性也可以用来优化大文件上传的性能。在实际项目中,...

    prototype.js框架资料

    《prototype.js框架详解》 Prototype.js是一个轻量级的JavaScript库,主要由Sam Stephenson开发,旨在简化DOM操作,提供面向对象的编程支持,并优化JavaScript的一些常见任务。它以其强大的功能和良好的性能,在Web...

    最简单的表单验证框架发布

    综上所述,这个压缩包提供了一个基于JavaScript的表单验证框架,可能包含以下关键知识点: - HTML表单验证基础 - 使用JavaScript进行前端验证 - 如何集成和配置验证框架 - Prototype库的使用 - 多语言支持(尤其是...

    介绍ajax开发框架的书《Prototype and Scriptaculous quickly》

    - **Scriptaculous**:基于Prototype之上构建的一个更高级别的库,专注于用户界面效果和交互性。它提供了一系列易于使用的动画效果和控件,使网站的交互更加生动有趣。 #### 二、Prototype简介 **特点**: - **...

    prototype demo

    通过这个Prototype demo,开发者可以学习到如何利用Prototype库来增强JavaScript的原生对象,提升代码的可读性和可维护性,并掌握基于Prototype的Ajax操作,提高Web应用的用户体验。同时,结合CSS文件,可以了解前端...

    基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼

     欢迎大家提出改进,以便框架完成的更好如果需要,我会在将来开发出与服务端结合的开发框架,如struts and struts2 并且感谢原作者这么棒的Idea: http://tetlaw.id.au/view/blog/really-easy-field-validation-w

    js原型通用验证框架

    JavaScript原型通用验证框架是一种基于JavaScript设计模式的高效验证工具,其核心原理是利用JavaScript的原型(prototype)特性来实现对象的扩展与复用,从而达到代码的模块化和可维护性。这一框架广泛应用于Web开发...

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

    前端验证框架基于此库构建,充分利用了Prototype的特性,使得验证逻辑编写更加简洁。 在"Really easy field validation with Prototype 1.5.3 中文扩展版"中,验证规则可以轻松地应用到表单元素上,例如输入框、...

    Java框架面试题总结

    ### Java框架面试题总结 #### Struts篇 **1. Struts的工作流程** Struts框架是一种基于MVC(Model-View-Controller)架构模式的Java Web应用框架。它的工作流程如下: - **客户端发起请求**:客户端通过浏览器或...

    prototype开发手册(chm)及基于J2EE的Ajax宝典(PDF)

    《prototype开发手册》和《基于J2EE的Ajax宝典》是两本深入探讨Web开发技术的重要资源。这里,我们将详细解析这两个主题,以便你更好地理解它们的核心概念和实际应用。 首先,Prototype是一个JavaScript库,它为...

    javascript框架介绍

    Scriptaculous是基于Prototype框架的高级UI组件库,包含六个JS文件,每个文件负责特定的JS视觉效果。它被广泛应用于各种网站,如Digg,证明了其实用性和流行度。Scriptaculous的优势在于与Prototype的无缝集成,以及...

    怎样使用JSValidation验证框架

    JSValidation是一款基于JavaScript的表单验证框架,它简化了网页表单验证的过程,提供了一种高效、可定制的方式来确保用户输入的数据符合预期的格式。在本文中,我们将深入探讨JSValidation的基本用法、核心功能、...

    prototype整合json实现无刷新验证用户名

    Prototype是一个强大的JavaScript框架,它扩展了JavaScript的核心功能,并提供了丰富的DOM操作接口。而JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 首先,我们需要了解...

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

    根据给定的信息,本文将详细介绍jquery-validate前端验证框架的相关知识点,包括其基本概念、使用方法以及部分具体的验证规则实现。 ### 一、jquery-validate简介 `jquery-validate`是一款基于jQuery的强大表单...

Global site tag (gtag.js) - Google Analytics