开发学院网页设计JavaScript 基于prototype.js验证框架(validation.js)的三个应... 阅读

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

 2010-09-14 13:21:50 来源:WEB开发网   
核心提示:最近对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为必输,其他项选输 

1 2 3 4 5  下一页

Tags:基于 prototype js

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接