WEB开发网
开发学院网页设计JavaScript 基于prototype的web验证框架 阅读

基于prototype的web验证框架

 2010-09-14 13:11:54 来源:WEB开发网   
核心提示:prototype.js是所有的基础validation.js真正的验证框架文件,badqiu在原来的基础上增加了许多不错的功能1:引用js文件 <script>"prototype.js"type="text/javascript"></script&g

prototype.js是所有的基础

validation.js真正的验证框架文件,badqiu在原来的基础上增加了许多不错的功能

1:引用js文件

<script>"prototype.js"
type="text/javascript">
</script> 
<script>"validation.js"
type="text/javascript">
</script>

2:引用css文件

可以参加style_min.css中的样式声明,也可以把style_min.css中的样式声明引入到你的框架js文件中去.

3:hellow world

在badqiu的扩展中如果要是某个form中的元素被验证可以这样给声明的form中加一个class='required-validate'的属性,框架会在load是自动绑定

所有要验证的域.  

xml 代码

<!-- 为form增加required-validate class,标识需要验证form --> 
  <form id='helloworld' action="#" class='required-validate'> 
    helloworld:<!--</span-->br> 
    <!--通过class添加验证: required表示不能为空,min-length-15表示最小长度为15 --> 
    <textarea name='content' class='required min-length-2'><!--</span-->textarea><!--</span-->br> 
    <input type='submit' value='Submit'/> 
    <input type='reset' value='Reset'/> 
<!--</span-->form> 

在要检查的域中通过class属性来声明被检查域的限制条件,例如上面的class='required min-length-2'表示这是一个非空,并且最小长度是2的域,

1 2 3  下一页

Tags:基于 prototype web

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接