基于prototype.js验证框架(validation.js)的三个应用
2010-09-14 13:21:50 来源:WEB开发网最近对prototype.js用的比较多,同时发现了一个基于prototype.js的验证框架:validation.jsreallyeasyfieldvalidationwithprototype,下面是我在开发中用到的三个例子.
前提条件:
首先要在html页面中引入几个js
<scripttype=’text/javascript’src=’../script/prototype.js’></script>
加几段css
<scripttype=’text/javascript’src=’../script/validation.js’></script>
<scripttype=’text/javascript’src=’../script/effects.js’></script>(可选)
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为必输,其他项选输
赞助商链接