badqiu

XPer
随笔 - 46, 文章 - 3, 评论 - 195, 引用 - 0
数据加载中……

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

演示地址: http://cleanmine.cosoft.org.cn/validation/example/valid.html
使用validation.js的好处: 避免编写提示信息,避免编写javascript,快速

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

Ajax验证实例:客户端HTML
<input id='email' name='email' value='badqiu@gmail.com' class='required validate-email validate-ajax' style='display:block' validateUrl="validate-email.jsp" validateFailedMessage="邮件已经存在" >
            
<input type='button' value='验证邮件是否存在' onClick="Validation.validate('email')"/>
Ajax验证实例:服务端JSP
<%
System.out.println(
"validate email:"+request.getParameter("email"));
if("badqiu@gmail.com".equals(request.getParameter("email"))) {
    out.println(
" false");
}
else {
    out.println(
"true ");
}

%> 

 

欢迎大家提出改进,以便框架完成的更好
我会在将来开发出与服务端结合的开发框架,如struts and struts2,敬请期待

并且感谢原作者这么棒的Idea: http://tetlaw.id.au/view/blog/really-easy-field-validation-with-prototype
下载地址: http://www.blogjava.net/Files/badqiu/validation2.3.4.zip

posted on 2006-12-01 14:37 badqiu 阅读(7410) 评论(21)  编辑  收藏

评论

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

不支持utf-8啊
2007-03-26 17:17 | anders

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼 [未登录]  回复  更多评论   

请查看:http://www.blogjava.net/badqiu/archive/2007/03/26/77778.html#106314
2007-03-28 17:11 | badqiu

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

身份证号
QQ
邮编

目前想到这三个
2007-05-23 11:48 | Anubis

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

使用validate-ajax的时候,激活过两次错误信息之后,再次输入错误,错误信息的div显示一下就消失了,就是说,input的border还是红色,但是看不到错误信息,而且表单也可以提交。
改怎么解决呢?
2007-08-06 17:21 | Anson

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

请下载新版本:
http://svn.javascud.org/svn/si/validation/trunk/
2007-08-07 09:25 | badqiu

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

使用表单验证的时候,对form里的控件只在onblur的时候进行验证,可不可以在这个控件的内容变化的时候也进行验证呢?我看了下源码,是使用了Event.observe()这个方法,我加上的change的事件不管用,应该怎么修改呢?谢谢了
2007-08-14 11:20 | MYSTiQUE

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

@MYSTiQUE
直接在input上增加onChange=Validation.validateElement(this);
2007-08-14 13:47 | badqiu

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

@badqiu
你好啊 我从svn上下载了最新的代码 但是在firefox下不能运行valid.html.提示错误: elm.href.match(/#(\w.+)/) has no properties
源文件:file:///D:/ideaworkspace/validation/lib/fabtabulous.js
行:37

我看了fabtabulous.js文件没什么改动啊?
2007-09-15 17:36 | zy

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

  正在学习使用和学习js,希望能提供详细说明版本下载或者是加有注解说明的更好了。
2007-10-21 23:12 | xin

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼 [未登录]  回复  更多评论   

Javascript_EasyValidation
http://wiki.javascud.org/pages/pageinfo.action?pageId=5367
Javascript_RapidValidation
http://wiki.javascud.org/pages/pageinfo.action?pageId=5442


請問這兩個版本有什麼分別呢???
Javascript_RapidValidation 比 Javascript_EasyValidation 的最後更新日期較近...
2007-12-14 13:06 | Victor

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼 [未登录]  回复  更多评论   

缺少对struts2标签的支持,现在还是没法用啊:(
比如Attribute class invalid for tag textfield according to TLD
2007-12-30 16:12 | steven

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

为什么我在表格里使用出现了"'Validation' 未定义"的错误

<script type="text/javascript">
window.onload = function(){
var validator = new Validation('helloworld', {stopOnFirst:true, immediate:true});
var result = valid.validate();

}
</script>
<form id="helloworld" action="#" class='required-validate'>
helloworld:</br>
<!--通过class添加验证: required表示不能为空,min-length-15表示最小长度为15 -->
<textarea name='content' class='required min-length-15'></textarea></br>
<input type='submit' value='Submit'/>
<input type='reset' value='Reset'/>
</form>
2008-05-19 17:42 | ccbslsx

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

你好,请问怎么更改提示信息的位置,系统默认提示信息位置在当前行下面,怎么设置为提示信息在当前行后面,急盼答复,望指教,非常感谢!
2008-07-09 21:24 | likex

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼 [未登录]  回复  更多评论   

@likex
使用<div id="advice-${inputId}" style="display:none"></div>
显示的信息可以显示在div中
2008-07-09 22:04 | badqiu

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

@badqiu
你好,能看到你及时的回复,非常感谢你!
使用你说的方法 <div id="advice-${inputId}" style="display:none"></div> ,
显示信息的位置仍然在当前行下面,不能显示在指定的<div>中,我的示例如下:

<form id="test" action="#" method="post" class='required-validate'>

<div id="advice-${title}" style="display:none"></div> //1
<div id="advice-title" style="display:none"></div> //2
<div id="biaoti">标题:<input name="title" id="title" class="required"/></div>
<input type="submit" value="提交">

</form>
1,2方法均不能显示,望指点,非常感谢你!
2008-07-10 11:23 | likex

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

消息提示不能定位,太可惜了!!
2008-11-06 17:06 | 陌生人

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

@陌生人
这个是可以的,请下载最新版本并查看文档
http://code.google.com/p/rapid-validation
2008-11-06 18:42 | badqiu

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

刚才开始学习JavaEE,看到这个页面验证的组件,感觉错,看到你改写的这个扩展类,首先支持国人的开源项目。有个问题,就是国际化的问题,你说动态修改Validator.messageSource即可,但是我不知道怎么修改呢,能不能给个例子.谢谢。
2009-01-17 13:10 | 黑火燎原

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

根据navigator.language取到系统语言,然后来选择使用哪种语言提示。
2009-01-17 13:20 | 黑火燎原

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

今天使用js动态生成的网页元素,设置了class属性,从显示的颜色来看,已经设置成功了,但是验证的功能没起作用。不知道Badqiu你做过这方面的测试没?还是需要特殊的设置?
2009-01-17 20:53 | 黑火燎原

# re: 基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼   回复  更多评论   

@anders
自己转一下码就可以了嘛!!

很好的东西!!
2010-04-15 15:54 | ijse

只有注册用户登录后才能发表评论。


网站导航: