`

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



  • 大小: 15.1 KB
分享到:
评论

相关推荐

    基于prototype的表单验证框架rapid-validation-v1.0

    简洁,快速的验证语法 无需编写验证提示信息(当然也支持自定义提示信息) 错误消息在指定地方显示 支持组合验证 Ajax支持 基于prototype.js 支持国际化 易于扩展 基于标准的Html属性...

    最快速的表单验证框架 RapidValidation

    博文链接:https://espace.iteye.com/blog/216229

    rapid-validation

    快速验证(Rapid-Validation)是一款专为前端开发者设计的高效、美观的JavaScript表单验证框架。它旨在简化网页表单的数据验证过程,提供友好且直观的用户反馈,确保用户输入的数据符合预设的规则,从而提升用户体验...

    rapid_validation_1.5.1网页前台验证jquery插件

    Rapid_Validation_1.5.1是一款专为jQuery设计的前端验证插件,其主要功能是确保用户输入的数据符合预设的规则,从而实现高效、便捷的网页表单验证。 Rapid_Validation_1.5.1的特点在于它的兼容性和实用性。此插件...

    使用RapidValidation实现客户端验证

    4. **实时验证**:通过监听表单元素的输入事件,RapidValidation可以在用户输入时立即进行验证,提供即时反馈。 5. **分组验证**:如果你有多个字段需要一起验证,例如密码确认,RapidValidation支持分组验证,方便...

    CodeIgniter.for.Rapid.PHP.Application.Development.pdf

    2. **高效性**:框架内置了许多实用的功能,如表单验证、安全性措施、模板引擎等,极大地提高了开发效率。 3. **灵活性**:CI允许开发者根据项目需求进行定制,即使不遵循框架的全部约定也能很好地工作。 4. **易用...

    rapid-prototyping-html5:用于 HTML5 应用程序的 HTML5 快速原型设计框架

    开发者通过框架提供的组件和服务,可以快速搭建出具有基本交互性的聊天应用模型,以便进行功能验证和设计评审。 总结来说,"Rapid Prototyping for HTML5"框架为HTML5应用开发带来了更高的效率和灵活性,它减少了...

    PHP Rapid Application Development-开源

    这个框架可能提供了一套工具或方法,帮助开发者更轻松地创建表单元素、处理用户输入以及执行验证规则。 压缩包子文件 "radlib-1.1" 可能是该PHP RAD开源项目的库文件或版本1.1的安装包。通常,这样的文件会包含源...

    Django_rapid_program

    Django的表单系统简化了处理用户输入和验证的过程。你可以定义Form类,映射到模型或自定义字段,然后在视图中使用这些表单处理POST请求。 8. **中间件(Middleware)** 中间件提供了一种全局改变请求和响应行为的...

    XamarinFormsScaffolding:Xamarin.Forms 项目的脚手架输入表单

    例如,可以添加自定义验证逻辑,调整表单布局,或者集成第三方库以增强用户体验。 总的来说,`XamarinFormsScaffolding`是Xamarin.Forms开发中的一个重要辅助工具,它极大地简化了基于表格的表单开发,提高了开发...

    (兼容Axure9)antd的元件库+后台模板页面+官网组件 pc元件库.zip

    1. Ant Design元件库:Ant Design是阿里巴巴开源的一款基于React的UI设计语言和组件库,它的设计理念源自于中式设计原则,提供了丰富的界面元素,如按钮、表单、布局、通知、加载等。这个元件库使Axure9用户可以直接...

    WEB-后台管理2【axure8】.zip

    Axure的交互设计功能使得设计师能够预设各种交互效果,如按钮点击反馈、表单验证提示等,从而提升后台系统的易用性。此外,良好的信息架构和清晰的视觉设计也是提高后台系统效率的关键。 总的来说,“WEB-后台管理2...

    Python库 | django-cradmin-6.6.0.tar.gz

    Django 提供了数据模型、URL 分发、数据库 ORM(对象关系映射)、表单处理、身份验证和授权等核心功能,使得开发者可以快速构建安全、可维护的 web 应用。 ### Django-CRAdmin `django-cradmin` 是 Django 生态...

    AntDesign3.9.x_Axure.zip

    AntDesign,一个由阿里巴巴团队开发的UI设计框架,以其优雅、高效的组件和样式,深受开发者喜爱。而Axure,作为一款强大的原型设计工具,能够帮助设计师快速构建交互原型,将设计理念转化为可操作的模型。当Ant...

    Alpha Controls 的数据库控件

    5. 数据验证组件(Validation components):这些控件可以帮助开发者实现对用户输入的数据进行验证,确保输入符合预设的规则和格式。 6. 报表和打印组件:AlphaControls可能还包含用于创建和打印报表的组件,使得...

    JAVA上百实例源码以及开源项目源代码

    产生RSA密钥对(myKeyPair),得到RSA密钥对,产生Signature对象,对用私钥对信息(info)签名,用指定算法产生签名对象,用私钥初始化签名对象,将待签名的数据传送给签名对象(须在初始化之后),用公钥验证签名结果,...

Global site tag (gtag.js) - Google Analytics