新版本发布：基于prototype的表单验证框架，现正式更加为rapid-validation

javaeye现在使用的表单验证框架就是这个，现正式更名并发布新版本为rapid-validation-v1.0.0

 

特性简介:

• 简洁,快速的验证语法
• 无需编写验证提示信息(当然也支持自定义提示信息)
• 错误消息在指定地方显示
• 支持组合验证
• Ajax支持
• 基于prototype.js
• 支持国际化
• 易于扩展
• 基于标准的Html属性(class)添加验证,易于其它标准的jsp taglib集成
• 特殊应用场景支持,如:密码确认,结束日期必须大于开始日期
• 完整详细的单元测试，保证框架质量

在线演示：　http://svn.javascud.org/svn/si/validation/trunk/doc/index.html

在线文档说明：　http://wiki.javascud.org/display/si/Javascript_RapidValidation

下载: http://code.google.com/p/rapid-validation/downloads/list

 

本人的另一作品rapid-framework既然发布，本验证表单也将集成在里面,敬请期待

并且欢迎大家加入圈子讨论

http://rapidframework.group.iteye.com/

 

最后感谢Ivan Li的贡献.

 

评论

50 楼 badqiu 2012-02-29  

zzq0324 写道

您好，就是我用validate-ajax-这个来校验某个字段在数据库中是否存在，但如果该值是中文的话会产生乱码。后面查看文档发现这个ajax调用的是get方法。请问这个问题要怎么解决呢？

可以自己修改源码encode一下.

49 楼 zzq0324 2012-02-17  

您好，就是我用validate-ajax-这个来校验某个字段在数据库中是否存在，但如果该值是中文的话会产生乱码。后面查看文档发现这个ajax调用的是get方法。请问这个问题要怎么解决呢？

48 楼 badqiu 2009-01-07  

hanjs 写道

为啥非得弄class里面呢？如 class="requied max-length-10"，那么我改如何引入css样式呢？

还有，感觉长度用maxlength就行吧，不用在处理了，html就能处理吧。

textarea没有max-length属性
css查看html就行了,为validation_min.css

并且现在已经v1.5版本,可以下载

47 楼 vtsuper 2009-01-06  

你依舊可以用你的style
class="requied max-length-10 mystyle"

maxlength能限制長度,但不會像這個可以有統一的warning,
當然你喜歡maxlength可以直接使用

46 楼 hanjs 2009-01-02  

为啥非得弄class里面呢？如 class="requied max-length-10"，那么我改如何引入css样式呢？

还有，感觉长度用maxlength就行吧，不用在处理了，html就能处理吧。

45 楼 vtsuper 2008-12-16  

我也很期待新版的出現^__^

44 楼 aficbl 2008-12-16  

badqiu 写道

再附上一句，prototype.js的升级的兼容性与validation.js无关，你将prototype与effect.js两者兼容即可。
或是删除掉effect.js

的确是框架的问题，不好意思才看到楼主回复。

顺便问下，这个框架还有在维护吗？很期待新版的发布。

43 楼 foonyun 2008-11-14  

请问下楼主 tooltip显示 这种方式的 js和css文件在哪儿下载

42 楼 dncry 2008-11-13  

请问怎么验证输入的值可以是普通电话（或小灵通），又可以是移动电话啊，validate-phone，validate-mobile-phone，怎么同时使用？

41 楼 heroicq 2008-10-20  

感觉挺好用的啊

40 楼 kenchen0805 2008-10-14  

国际化要手工做，麻烦

39 楼 vtsuper 2008-10-10  

這個bug我找了很久也找不到解決方法..後來樓主終於替我解決了...
建議樓主盡快推出新版

38 楼 badqiu 2008-09-26  

gauss2008 写道

对于同一字段的多验证且使用了advice错误信息定位的，发现第一验证通过而第二，第三验证出错信息总是褪去。后来发现是Effect的fade与Appear同时使用造成的，也就是第一验证通过后，调用了Effect.fade而第二验证却调用了Effect.appear，这个时候Apper会出问题，所以若有需要多验证且指定错误信息位置，而又不想丢掉Effect的效果，建议去掉Fade，只保留Appear。例如：
<input name="lengthtest" id="lengthtest" class="required length-range-3-5" />
<div id="advice-lengthtest" style="display:none" class="validation-advice"></div>

已经修复这个问题了，是如你如述。
现在增加一个判断，避免重复hide()

37 楼 gauss2008 2008-09-26  

对于同一字段的多验证且使用了advice错误信息定位的，发现第一验证通过而第二，第三验证出错信息总是褪去。后来发现是Effect的fade与Appear同时使用造成的，也就是第一验证通过后，调用了Effect.fade而第二验证却调用了Effect.appear，这个时候Apper会出问题，所以若有需要多验证且指定错误信息位置，而又不想丢掉Effect的效果，建议去掉Fade，只保留Appear。例如：
<input name="lengthtest" id="lengthtest" class="required length-range-3-5" />
<div id="advice-lengthtest" style="display:none" class="validation-advice"></div>

36 楼 badqiu 2008-09-26  

再附上一句，prototype.js的升级的兼容性与validation.js无关，你将prototype与effect.js两者兼容即可。
或是删除掉effect.js

35 楼 aficbl 2008-09-26  

在 prototype 1.6 下不正常啊。我的网站已经在用 prototype 了，不可能因为一个验证类就换库的版本啊。

34 楼 williamy 2008-08-31  

請問和aculos的驗證有什麽區別？別人在prototype1.4的時候，我就用過了

33 楼 vtsuper 2008-08-30  

附上了例子,大家看過便會明白了

32 楼 vtsuper 2008-08-27  

我自訂了一些checking,然後把checking放在myValidation.js內
但以下的message卻必須放在閣下的validation_cn.js內容
請問可以修改為可以把Validator.messageSource['zh-cn']放在我自己的myValidation.js內嗎?
因為我不想在閣下的檔內加任何program,以放便將來升級之用

Validator.messageSource['zh-cn'].push(
['required-noTags' , '請輸入值'],
['validate-one-required-fromParent' , '在上面選項至少選擇一個'],
['validate-one-trigger-others' , '在上面選項至少選擇一個'],
['validate-alphanumline' , '請輸入英文字母,數字,\'_\',\'-\',其它字符是不允許的.']
) ;

Validator.messageSource['en-us'].push(
['required-noTags' , 'This is a required field.'],
['validate-one-required-fromParent' , 'Please select one of the above options.'],
['validate-one-trigger-others' , 'Please select one of the above options.'],
['validate-alphanumline' , 'Please use only letters (a-z), numbers (0-9), \'_\', \'-\'  only in this field. No spaces or other characters are allowed.']
) ;

31 楼 vtsuper 2008-08-27  

新版本好像有點問題
在IE下,以下的err會顯示但又立刻消失(正常情況下err msg會顯示但不會消失)
但在FF下,一切正常

另外...同一段code,用EasyValidation, 在IE,FF下皆正常顯示

<input type="text" id="onTopStartDate" name="onTopStartDate" class="validate-date" /> 至 <input type="text" id="onTopEndDate" name="onTopEndDate" class="validate-date great-than-onTopStartDate" />
<div id="advice-onTopStartDate" class="validation-advice" style="display:none"></div>
<div id="advice-onTopEndDate" class="validation-advice" style="display:none"></div>