论坛首页 AJAX版

推荐一个基于prototype.js的js验证框架

浏览 2599 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
最后更新时间:2006-11-29
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


修改记录:
增加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作为参数使用

下载 http://www.blogjava.net/Files/badqiu/validation1.5.3.rar
   
最后更新时间:2006-12-01
谢谢支持,这是最新版本的下载地址
主要改进是提供ajax的验证支持及增加一些常用的验证
http://www.blogjava.net/Files/badqiu/validation2.3.4.zip
   
0 请登录后投票
最后更新时间:2006-11-30
多谢分享,研究研究
   
0 请登录后投票
最后更新时间:2006-11-30
验证的效果很不错,但是美中不足的是,验证的内容都嵌入在HTML里,如果能够提取到一个公共的方法里,能让页面看起来更整洁.
逻辑也更清楚.
   
0 请登录后投票
最后更新时间:2006-11-30
fantasy 写道
验证的效果很不错,但是美中不足的是,验证的内容都嵌入在HTML里,如果能够提取到一个公共的方法里,能让页面看起来更整洁.
逻辑也更清楚.


框架本身提供的就是通过class快速的增加表单验证,避免编写js代码
里面提供的组合验证功能基本上可以满足90%的验证需求而不需要编写一行js代码
分离并不是最好D,快速才是硬道理
   
0 请登录后投票
最后更新时间:2006-11-30
呵呵,我在项目中用了你的框架,开发速度快多了,不用每次都跑去写验证代码
谢谢啦
祝你做得更好
   
0 请登录后投票
论坛首页 AJAX版

跳转论坛:
JavaEye推荐