`

简易的表单js验证框架,解决复杂的页面验证过程

阅读更多
在从事页面表单开发的工作中,避免不了的一件繁杂重复的工作就是对表单的控件验证,特别是页面元素比较多的情况下

几天利用中午的时间写了一个简易的用于表单验证的js框架,可供有表单开发工作的参考,希望能有更好的想法,共同完善,共同进步!

大致的实现方式是,通过表单控件的 attribute 来进行配置每个控件需要验证的内容。

这样在画制表单时就可以添加进去。不需要再特意的对每个控件进行验证代码的编写

框架通过传递的指定表单获取表单内的控件,遍历查找配置了需要验证的控件调用验证方法进行验证。

极大的减少了在提交表单时的长段的验证代码。

框架除了提供自身的一些简易验证方法外,还可以提供对界面的一些特定业务的验证扩展。

支持正则表达式的验证,对正则表达式比较熟悉的,能使其更加灵活!

js框架的代码以及使用示例请下载附件!

希望有共同想法的同道共同改进和扩展!
ps:
已经将原来那个附件删除,上传了新的版本,修改了验证的提示方式,可以完全自定义提醒内容,提醒的方式也有原来的alert修改为动态生成div层做提醒。
希望好意见的大侠多多指导提出意见和建议!
1
5
分享到:
评论
4 楼 JavaSuperFans 2011-08-19  
fristflaytwo 写道
先研究下

附件重新修改了部分功能,如果有兴趣可以重新下载!
3 楼 JavaSuperFans 2011-08-19  
kill_all 写道
下载了,先研究一下

附件重新修改了部分功能,如果有兴趣可以重新下载!
2 楼 fristflaytwo 2011-08-18  
先研究下
1 楼 kill_all 2011-08-18  
下载了,先研究一下

相关推荐

    JS客户端表单验证框架

    **JS客户端表单验证框架** 是一种用于前端数据验证的高效解决方案,旨在简化开发者在HTML表单中实施验证逻辑的过程。传统的验证方式往往需要编写大量的JavaScript代码,而这套框架通过提供配置文件和特定的标签使用...

    jsvalidation 强大而灵活的表单客户端验证框架

    在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来与表单对象交互,并进行校验。常见的校验如不能为空,必须满足长度要求,必须为数字,必须为Email等等。根据一般的经验,如果表单中需

    formvalidator 表单验证框架

    formvalidator 是一个强大的前端表单验证框架,专为开发者提供高效、灵活的表单数据验证解决方案。这个框架允许开发者在用户提交表单前检查输入的数据,确保数据的完整性和准确性,从而提高用户体验并减少服务器端的...

    简单且强大的js表单验证框架

    **标题解析:** "简单且强大的js表单验证框架" 这个标题表明我们要讨论的是一种JavaScript(js)实现的轻量级表单验证工具。它强调了易用性和功能的强大性,暗示这个框架可能提供了丰富的验证规则和灵活的自定义选项...

    from 表单验证 js框架类库

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    js验证框架

    JavaScript验证框架是Web开发中常用的一种工具,它用于在客户端对用户输入的数据进行实时检查,以确保数据的有效性和合规性,从而减少服务器端的压力并提供更好的用户体验。本项目提供的"js验证框架"是一个轻量级的...

    js validate 非常强大的js验证框架

    这个强大的验证框架允许开发者以灵活、可扩展的方式对用户提交的数据进行实时检查,从而提升用户体验并减少服务器端的压力。 `js validate`框架的核心功能包括: 1. **基本验证规则**:框架内置了多种常见的验证...

    表单验证框架验证

    表单验证框架验证是提高这一过程效率和用户体验的有效手段。本文将详细探讨三种常见的表单验证方法:JavaScript验证、框架验证以及正则表达式验证。 首先,我们来了解**JavaScript验证**。JavaScript是一种客户端...

    表单验证框架

    "表单验证框架"就是一种专门用于简化这一过程的工具,它提供了便捷的方式来验证用户在网页表单中填写的信息。 首先,我们要理解表单验证的重要性。在网页应用中,用户输入的数据经常需要被处理或存储,例如注册账号...

    javascript验证框架

    JavaScript验证框架如jQuery Validation、Validator.js、Formik等,都是实现上述功能的实例。它们不仅提供了基本的验证功能,还具有丰富的社区插件和定制选项,使得开发复杂的验证场景变得更加便捷。了解并掌握这些...

    js 验证框架(caChecker1_0_2) 验证表单 只需要注入需要验证的id即可

    在这个场景中,我们讨论的是一个名为"caChecker1_0_2"的JavaScript验证框架,它专用于表单验证。这个框架的亮点在于其便捷性——只需注入需要验证的表单元素ID,即可实现高效、灵活的验证功能。 表单验证是网页开发...

    详细讲解—表单验证框架的实现

    在Web开发中,表单验证框架的实现是至关重要的,它确保了用户输入的数据符合预设的规则,防止无效或恶意的数据进入系统。本部分将深入讲解如何在B/S架构的应用程序中实施一个简单的表单验证框架,以登录表单为例。 ...

    Form验证框架 JS

    总的来说,`Form验证框架 JS`和`formValidator3.3`为Web开发者提供了强大且易用的工具,简化了表单验证的过程,提高了开发效率,也提升了用户的使用体验。在实际项目中,应根据具体需求选择合适的验证框架,并熟练...

    from表单提交验证框架

    总结来说,"from表单提交验证框架"是基于jQuery和正则表达式的轻量级解决方案,它简化了Web表单验证的过程,让开发者能更专注于业务逻辑,而不是基础的验证逻辑。通过合理的配置和使用,可以大大提高开发效率和用户...

    jQuery表单验证框架

    这个框架极大地简化了在网页上创建复杂且功能强大的表单验证的过程。下面我们将详细探讨jQuery Validate框架的主要特性和使用方法。 首先,要使用jQuery Validate,你需要引入jQuery库以及jQuery Validate的...

    sui表单验证框架

    sui表单验证框架是一款强大的JavaScript开发工具,专用于实现高效、灵活的表单验证功能。在Web应用中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高数据质量和用户体验。sui框架凭借...

Global site tag (gtag.js) - Google Analytics