`

【prototype学习】基于prototype的表单验证(一)

阅读更多
前台的表单验证是项目必不可少的一个部分,可以说是WEB项目很重要的一个细节,俗话说细节决定成败,我是比较看重这些的,不知道想法如何?用到现在总觉得不是很顺手,所以自己着手写了这个东东,自己在IE测试了一下,目标是做成能跨浏览器的通用验证,欢迎各位拍砖。
该验证器是一个具体的扩展实现 原帖:http://flytogether.iteye.com/blog/32983。
顺便把一些经常用到的函数也放里面了,日后使用的时候可以不断改进!
分享到:
评论
17 楼 bubble 2007-08-28  
oznyang 写道
已经有一个很成熟的基于prototype.js的验证框架了
国人已经做了扩展,非常不多
http://www.blogjava.net/badqiu/archive/2006/10.html


这个东西不能和struts结合的,晕了
似乎是基于id的缘故,struts是基于name的,唉!
16 楼 jianfeng008cn 2007-08-21  
williamy 写道
表单验证就别玩了,别人aculo的validator已经很简明扼要了,搞点有意义的东西啊


给个链接 我不知道有很好的东西哦
你可以看看我的表单验证二 这个是一


http://www.iteye.com/topic/38717
15 楼 williamy 2007-08-21  
表单验证就别玩了,别人aculo的validator已经很简明扼要了,搞点有意义的东西啊
14 楼 jianfeng008cn 2007-08-21  
williamy 写道
我不想看什么代码,烦,我只想知道你这个怎么个验证?有什么特点?Form的submit按钮的有个默认方法onSubmit,难道有什么验证代码能不替换这个onSubmit ?有什么更高明的想法???
对了200都不需要的功能,麻烦别说是框架,
框架是什么?程序的半成品,知道不?


高人 没明白你再报怨啥
13 楼 williamy 2007-08-20  
我不想看什么代码,烦,我只想知道你这个怎么个验证?有什么特点?Form的submit按钮的有个默认方法onSubmit,难道有什么验证代码能不替换这个onSubmit ?有什么更高明的想法???
对了200都不需要的功能,麻烦别说是框架,
框架是什么?程序的半成品,知道不?
12 楼 anky_end 2007-08-14  
oznyang 写道
已经有一个很成熟的基于prototype.js的验证框架了
国人已经做了扩展,非常不多
http://www.blogjava.net/badqiu/archive/2006/10.html

validation这个东西我也用过,我觉得最大的问题是它占用了元素的class属性,有时候这个属性我们有其他用途的。其实html的默认属性没准都有其特定时候的用途,而自己扩展属性确实也不是个太好的做法

客户端验证受到的限制就是js无法读取配置文件,否则基于配置文件实现验证就干净简洁多了
11 楼 cowskin 2007-08-14  
例如:validate-file-zip-png-jpeg
结果为:文件类型应该为[zip]其中之一???
10 楼 Feiing 2006-11-30  
提示一下楼上各位, 开源 <> 公布代码
9 楼 jianfeng008cn 2006-11-30  
oznyang 写道

已经有一个很成熟的基于prototype.js的验证框架了
国人已经做了扩展,非常不多
http://www.blogjava.net/badqiu/archive/2006/10.html

国外也有类似的吧 问题是把正则封装起来 ,把参数写在标签之内的做法,平时用着很不合适,而且感觉过于复杂哦,用这么复杂的还不如自己写个简单实用的来得放心安心,遇到特殊的就自己手写好了,反正用自己用的时候要把正则自己提出来,就是不会也看会了,呵呵。
目前在学习prototype,准备利用他提供的api写得更合适些,平时使用中不断改进吧。
8 楼 oznyang 2006-11-29  
已经有一个很成熟的基于prototype.js的验证框架了
国人已经做了扩展,非常不多
http://www.blogjava.net/badqiu/archive/2006/10.html
7 楼 独孤蟹 2006-11-29  
呵呵,楼主是不错的人,不错!
6 楼 daoger 2006-11-29  
说来说去,无非是一个“版权”问题,既然是开源,给各位网友提供方便,说清楚了就没什么了。
支持楼主,支持开源,呵呵!
整下来看看!
5 楼 jianfeng008cn 2006-11-29  
white182517 写道
谢谢楼主完善和实现了我的想法,以后在我的项目中也可以使用得到。

不过既然是开源,请尊崇一下开源精神,尊重一下原创,原贴出处请参见:http://flytogether.iteye.com/blog/32983

引用
所以自己着手写了这个东东,自己在IE测试了一下


其实通过扩展Validator还可以实现多种表现形式的扩展。


这个东西其实是WEB很小的一部分,看了white182517的帖子就开始动手了,做了些扩展,现在一般的验证应该都可以胜任了,只是跨浏览器等进一步的优化没有做,我觉得这个东西的特点,一是把验证参数从标签抽离出来,二是基于prototype,要说参考,我佛山人的参考应该更多,white182517的验证我直接借用了他的模式,我这么做只相当于一个收集吧,目的就是平时用着顺手,看到各位留言着实脸红了一阵,一时偷懒,还望原谅!
4 楼 flyisland 2006-11-28  
佛山就是黄飞鸿的老家,可以叫做“无影验证器”:D
3 楼 white182517 2006-11-28  
谢谢楼主完善和实现了我的想法,以后在我的项目中也可以使用得到。

不过既然是开源,请尊崇一下开源精神,尊重一下原创,原贴出处请参见:http://flytogether.iteye.com/blog/32983

引用
所以自己着手写了这个东东,自己在IE测试了一下


其实通过扩展Validator还可以实现多种表现形式的扩展。
2 楼 独孤蟹 2006-11-28  
楼上的真仔细,下下来看了看还真是啊,而且楼主还在他的帖子回复过啊.呵呵.不过楼主还是扩展的不错的.
1 楼 fantasy 2006-11-28  
很不错!
不过好像是http://www.iteye.com/topic/32983的扩展版本阿!
开源固然好,但是要尊重原创阿!

相关推荐

    基于Prototype的Validation表单验证插件.rar

    一款基于Prototype的Validation表单验证插件,实现Ajax风格的无刷新表单验证功能,当用户输入完表单,即时显示该项输入是否正确,不正确则会给出提示,适合那些比较喜欢简洁风格,又要求功能准确的用户,本款表单...

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

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

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

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

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

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

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

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

    Ajax表单验证

    Ajax表单验证是一种在用户提交数据到服务器之前,在客户端进行数据验证的技术,它结合了Ajax(异步JavaScript和XML)和JavaScript库Prototype的功能,提供了一种高效、用户体验友好的验证方式。Prototype是一个轻量...

    javascript表单验证类

    一、表单验证的重要性 在Web应用中,表单验证是不可或缺的,因为它可以: 1. 提高用户体验:即时反馈错误,让用户在提交前就知晓问题所在,避免多次提交。 2. 防止恶意攻击:对输入进行限制,阻止可能的SQL注入、...

    ASP基于Prototype的Ajax无刷新登录实例

    ASP基于Prototype的Ajax无刷新登录实例是一个非常适合初学者学习AJAX技术的应用案例。在这个实例中,我们将探讨如何在ASP(Active Server Pages)环境中利用Prototype JavaScript库实现无刷新的用户登录功能,同时...

    Extjs验证表单 Extjs验证表单

    ### Extjs 表单验证详解 #### 一、引言 在现代Web开发中,确保用户输入的有效性和安全性至关重要。Extjs作为一种强大的JavaScript框架,提供了丰富的功能来帮助开发者轻松实现客户端验证。本文将深入探讨Extjs中的...

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

    在Web开发中,为了提供更好的用户体验,我们常常需要实现无刷新验证功能,即在用户输入信息时即时检查数据的有效性,而无需提交整个表单。本教程将关注如何使用JavaScript库Prototype结合JSON(JavaScript Object ...

    漂亮表单验证和密码强度的验证

    在构建Web应用时,表单验证是至关重要的一个环节,它确保了用户输入的数据符合预设的规则,防止无效或恶意的数据进入系统。漂亮表单验证不仅涉及到视觉上的美观,还包括交互体验和逻辑验证。而密码强度验证则是保护...

    Prototype-1.pdf

    - **表单验证**:利用Prototype的DOM操作API进行表单字段的验证和错误提示。 #### 六、Prototype框架的学习资源 - **官方文档**:最权威的学习资源,包含详细的API文档和示例代码。 - **在线教程**:网络上有很多...

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

    增加validate-ajax以支持ajax验证 增加validate-pattern直接通过正则表达式的认证 修改validate-equlas以验证密码与确认密码的问题 增加less-than与great-than的验证以支持开始日期与结束日期相比较的问题 增加...

    validform表单验证

    ValidForm是一款强大的JavaScript表单验证插件,专为前端开发者设计,用于实现高效、便捷的表单数据验证。它的核心功能在于提供了一种简洁的方法,让开发者能够在用户提交表单前,对输入的数据进行实时检查,确保...

    ASP源码—基于Prototype的Ajax无刷新登录实例.zip

    ASP源码—基于Prototype的Ajax无刷新登录实例.zip是一个压缩包,其中包含了使用ASP(Active Server Pages)技术构建的一个无刷新登录系统。该系统利用了Ajax(Asynchronous JavaScript and XML)技术,通过...

    prototype 1.4 开发者手册(中文PDF)

    而Ajax组件如`Form.Element`和`Form`类则提供了表单操作和验证的便捷方法。 总的来说,《Prototype 1.4 开发者手册》是学习和掌握Prototype库不可或缺的参考资料。它不仅详细阐述了Prototype的基础知识,还提供了...

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

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

    Prototype学习资料

    10. **Form**: 包含了一系列与表单相关的功能,如数据验证和操作,提高了表单处理的效率。 11. **Event**: 简化了事件处理,提供了一套跨平台的事件封装机制,便于事件监听和触发。 12. **Position**: 提供了元素...

    JavaScript 表单验证

    #### 一、表单验证的重要性 在Web开发中,表单验证是一项非常重要的功能。它确保用户提交的数据符合预期的格式和规则,从而提高用户体验,减少服务器端处理无效数据的可能性。JavaScript作为前端开发的重要工具之一...

Global site tag (gtag.js) - Google Analytics