读书人

rapid表单证验框架

发布时间: 2013-04-20 19:43:01 作者: rapoo

rapid表单验证框架
用了rapid框架挺久的了现在分享一些好用的工具给大家,这是Google开发的SSH框架,里面还附加了JS表单验证蛮好用的,现在把验证框架上传分享给大家,附带使用手册。

在自己的页面中引入框架:

<script src="prototype.js" type="text/javascript"></script> <script src="validation_cn.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="style_min.css"/>


?
prototype.js 是所有的基础
?
validation_ cn.js 真正的验证框架文件
?
可以添加 style_ min.css 中的样式声明,也可以把 style_ min.css 中的样式声明引入到你的框架 js 文件中去.


表单验证 :

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


?
要是某个 form 中的元素被验证可以这样给声明的 form 中加一个 class= 'required-validate'的属性,框架会在 load 是自动
?
在要检查的域中通过 class 属性来声明被检查域的限制条件,例如上面的 class= 'required min-length-15'表示这是一个非空
动检查,如果输入不满足上述条件,则产生错误提示.



读书人网 >Web前端

热点推荐