最快速的表单验证框架 RapidValidation

用prototype进行表单验证方法

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

1.在文档头部引入一下几个文件
<link href="${ctx}/styles/style_min.css" rel="stylesheet" type="text/css" />
<script src="${ctx}/scripts/prototype.js" type="text/javascript"></script>
<script src="${ctx}/scripts/effects.js" type="text/javascript"></script>
<script src="${ctx}/scripts/validation_cn.js" type="text/javascript"></script>
prototype.js是所有的基础
validation_cn.js真正的验证框架文件
可以添加style_min.css中的样式声明,也可以把style_min.css中的样式声明引入到你的框架js文件中去.
2.需要为表单加个styleId,如
<html:form action="#" focus="name" styleClass="form" styleId="dreg-form">
3.在需要验证的域添加规则,如
<html:text property="jgmc" styleClass="tbox required min-length-15" />
在styleClass中加,其中tbox为text样式,required min-length-15验证为:非空,最小长度为15。
详细规则请参照
http://wiki.javascud.org/display/si/Javascript_RapidValidation
4.创建验证对象Validation
<script>
new Validation('dreg-form',{immediate:true});
</script>
或者直接
<script>
new Validation('dreg-form');
</script>
其中第一个参数为你需要验证的表单id,即第二步中所设的id
{immediate:true}顾名思义表示立即验证,不加此参数表示点击按钮后才进行验证。



详细验证规则请参照
http://wiki.javascud.org/display/si/Javascript_RapidValidation
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值