rapid表单验证框架

1 篇文章 0 订阅
1 篇文章 0 订阅
用了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'表示这是一个非空
动检查,如果输入不满足上述条件,则产生错误提示.

[img]http://dl.iteye.com/upload/attachment/0082/9100/2a0bc405-5d93-30b7-8bad-f8aee6ec9d42.jpg[/img]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值