基于prototype.js验证框架(validation.js)的三个应用

核心提示：最近对prototype.js用的比较多,同时发现了一个基于prototype.js的验证框架:validation.jsreallyeasyfieldvalidationwithprototype,下面是我在开发中用到的三个例子.前提条件:首先要在html页面中引入几个js<scripttype=’

最近对prototype.js用的比较多,同时发现了一个基于prototype.js的验证框架:validation.jsreallyeasyfieldvalidationwithprototype,下面是我在开发中用到的三个例子.　

前提条件:　

首先要在html页面中引入几个js　

<scripttype=’text/javascript’src=’../script/prototype.js’></script>　
<scripttype=’text/javascript’src=’../script/validation.js’></script>　
<scripttype=’text/javascript’src=’../script/effects.js’></script>(可选)　
加几段css　

input.disabled{　
　　border:1pxsolid#F2F2F2;　
　　background-color:#F2F2F2;　
}input.required,textarea.required{　
　　border:1pxsolid#00A8E6;　
}input.validation-failed,textarea.validation-failed{　
　　border:1pxsolid#FF3300;　
　　color:#FF3300;　
}　
input.validation-passed,textarea.validation-passed{　
　　border:1pxsolid#00CC00;　
　　color:#000;　
}.validation-advice{　
　　margin:5px0;　
　　padding:5px;　
　　background-color:#FF3300;　
　　color:#FFF;　
　　font-weight:bold;　
}　

应用一:该例子仅使用前台脚本进行验证　

需求:　

查询条件　

当CSONO、AGREEMENTNO、流水号中任一项有值时，其他项都可为空　

2.当CSONO、AGREEMENTNO、流水号三项都为空时，TARIFFCODE为必输，其他项选输