阅读更多

20顶
2踩

Web前端
创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计、开发与测试等等环节。实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的。本文介绍了10个不错的JavaScript表单验证插件,使用它们完全可以节省你的时间!希望你喜欢。

1. validate.js


Validate.js是一个非常不错的JavaScript表单验证库,源于CodeIgniter API。该库相当轻巧(不到1KB),不要求任何JavaScript框架,可以在所有主流浏览器中运行(包括IE 6)。

2. Zebra Form


Zebra_Form是一个免费的PHP库,它能够很好地处理表单验证。你只需使用少量的PHP代码即可设计一个安全、别致的表单。Zebra_Form在前端集成了jQuery,用以显示警告及错误提示。

3. jFormer


jFormer是一个基于jQuery的表单框架,允许你生成漂亮、兼容标准的表单。功能包括:客户端验证;服务器端验证;Ajax提交;可通过CSS定制外观;验证码支持;通用表单模板等。

4. jQuery.validVal


jQuery.validVal插件旨在简化表单验证功能。此插件可用于任意的HTML表单(包括Ajax异步加载的),通过定义各种验证规则实现表单的验证功能。

5. Validity


Validity是一个强大灵活的jQuery表单框架,可实现客户端和服务器端同时验证。它只有9KB大小,能够执行各种简单或是复杂的验证,包括动态的或设定条件的验证。该插件还可以控制验证信息将如何显示,使其与网站的外观/风格相适应。


6. ValidForm Builder


ValidForm Buider是一个简单的、使用XHTML 1.0和CSS的Web表单生成工具。它是一个开源的PHP和JavaScript(jQuery)库,非常不错,可快速安全地制作出专业的Web验证表单。

7. Ketchup


Ketchup是一个易于定制(从外观至功能)的jQuery表单插件,可用于客户端对用户表单进行验证。

8. Validatious


Validatous是一个易于使用的Unobtrusive JavaScript表单验证库,不依赖于任何JS框架。内置数值、e-mail、URL、最大/最小字符数验证等功能。


9. Form Validator


功能广泛的表单验证方案,适用于任何表单。验证失败时将弹出浮动错误提示。

10. VanadiumJS


非常直观而强大的客户端验证插件。

Via  QUENESS
  • 大小: 16.5 KB
  • 大小: 8.5 KB
  • 大小: 9 KB
  • 大小: 11 KB
  • 大小: 10.2 KB
  • 大小: 22.7 KB
  • 大小: 11.6 KB
  • 大小: 19.4 KB
  • 大小: 16.6 KB
  • 大小: 8 KB
20
2
评论 共 14 条 请登录后发表评论
14 楼 徐浩天55 2012-01-10 22:02
还有各种非常有创意,吸引人的表单
13 楼 hanzhdy 2011-12-29 09:17
tywo45 写道
talent-validate不是插件,它是不依赖于其它框架的。talent-validate的目标是能解决一切验证,而上面列的一些框架,有些是存在比较大局限性的----不够灵活、不易定制、不易扩展
suyulin6688 写道
居然不包含 talent-validate



围观talent-validate作者
12 楼 xiaolei0228 2011-12-28 10:37
这么好的东西收藏中。。。
11 楼 tywo45 2011-12-28 09:37
talent-validate不是插件,它是不依赖于其它框架的。talent-validate的目标是能解决一切验证,而上面列的一些框架,有些是存在比较大局限性的----不够灵活、不易定制、不易扩展
suyulin6688 写道
居然不包含 talent-validate

10 楼 hngmduyi 2011-12-28 09:32
表单验证很常用.收藏.
9 楼 huangyuanmu 2011-12-28 09:15
果断收藏,呵呵
8 楼 huangyuanmu 2011-12-28 09:14
不错不错,支持一下
7 楼 dwbin 2011-12-28 09:14
用圆角是触犯了苹果专利的。。。。
6 楼 suyulin6688 2011-12-28 09:02
居然不包含 talent-validate
5 楼 dongya1987 2011-12-27 15:57
最近JE很多JS的新闻啊
4 楼 Sev7en_jun 2011-12-27 15:37
shou chang le
3 楼 hweiyahoo 2011-12-27 14:44
rapid-validation
08年就在用了。自定义验证也很容易扩展的
2 楼 edwin492 2011-12-27 12:45
bvalidator也是一个很不错的校验插件
1 楼 whoshaofeng 2011-12-27 10:21
9. Form Validator

在IE下没有圆角,很难看。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 拥有一个属于自己的javascript表单验证插件

    自己编写了一个表单验证插件,使用起来很简单,以后还可以扩展更多的功能,比如ajax验证。 每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空;rule...

  • java前台表单验证插件_10个强大的Javascript表单验证插件推荐

    本文介绍了10个不错的JavaScript表单验证插件,使用它们完全可以节省你的时间!希望你喜欢。Validate.js是一个非常不错的JavaScript表单验证库,源于CodeIgniter API。该库相当轻巧(不到1KB),不要求...

  • validate JavaScript版表单验证插件

    内容索引:脚本资源,jQuery,validate,表单验证 validate JavaScript版表单验证插件,实现Ajax表单,运行效果如上。

  • validate.js | 强大纯javascript表单验证插件

    validate.js是一款强大的纯javascript表单验证插件。该表单验证插件提供跨框架和跨语言的数据验证方式,验证条件可以写在JSON数据中,被服务器和客户端共享。它支持日期时间的验证,并提供自定义的验证接口。

  • php表单验证插件下载,强力推荐10款Javascript表单验证插件

    【IT168技术】创建一个...本文介绍了10个不错的JavaScript表单验证插件,使用它们完全可以节省你的时间!希望你喜欢。▲Validate.js是一个非常不错的JavaScript表单验证库,源于CodeIgniter API。该库相当轻巧...

  • 拥有一个属于自己的javascript表单验证插件_.docx

    拥有一个属于自己的javascript表单验证插件_.docx

  • vue表单验证插件

    在使用vue做项目的过程中,做表单验证通常需要事件绑定、数据双向绑定等才能完成一个验证操作,多个验证往往会有重复代码,所以就想写一个表单验证插件。

  • form.js表单验证插件

    因而找到一款强大、简洁、使用简单的通用验证方案就显得尤为迫切需要,而我编写的form.js就是这样的一款基于Jquery的表单验证插件,一把锋利而又小巧的刀,经过了累积至少60多个工作日的煅造以及无数个验证需求的...

  • javascript表单美化和验证插件

    主要特色: 完全响应式; 完美键盘操作支持; 可定制的输入标签:select, radio, checkbox 以及 file; 自定义的日期选择器 本地化支持 表单验证的代码示例:

  • jQuery插件Validation表单验证详解

    本文为大家分享了jQuery插件Validation表单验证的具体实现代码,供大家参考,具体内容如下 功能 1.对”姓名“的必填和长度至少是两位的验证。 2.对“电子邮件”的必填和是否为E-mail格式的验证。 3.对“网址”是否...

  • javascript表单验证

    注册与登陆均使用javascript进行表单验证,验证也使用了jquery,使用了validate插件,采用cookie记录用户信息,可对多用户的注册和登陆进行验证。登陆后的界面可超链接为自己的代码,方便扩展和使用。

  • 前端js,jQuery表单验证插件

    前端js,jQuery表单验证插件

  • jQueryValidationPluginjQuery表单验证插件

    jQuery Validation Plugin - jQuery表单验证插件

  • 基于Java的家庭理财系统设计与开发-金融管理-家庭财产管理-实用性强

    内容概要:文章探讨了互联网时代的背景下开发一个实用的家庭理财系统的重要性。文中分析了国内外家庭理财的现状及存在的问题,阐述了开发此系统的目的——对家庭财产进行一体化管理,提供统计、预测功能。系统涵盖了家庭成员管理、用户认证管理、账单管理等六大功能模块,能够满足用户多方面查询及统计需求,并保证数据的安全性与完整性。设计中运用了先进的技术栈如SSM框架(Spring、SpringMVC、Mybatis),并采用MVC设计模式确保软件结构合理高效。 适用人群:对于希望科学地管理和规划个人或家庭财务的普通民众;从事财务管理相关专业的学生;有兴趣于家政学、经济学等领域研究的专业人士。 使用场景及目标:适用于日常家庭财务管理的各个场景,帮助用户更好地了解自己的消费习惯和资金状况;为目标客户提供一套稳定可靠的解决方案,助力家庭财富增长。 其他说明:文章还包括系统设计的具体方法与技术选型的理由,以及项目实施过程中的难点讨论。对于开发者而言,不仅提供了详尽的技术指南,还强调了用户体验的重要性。

  • 弹性盒子Flexbox布局.docx

    弹性盒子Flexbox布局.docx

  • 网络财务系统 SSM毕业设计 附带论文.zip

    网络财务系统 SSM毕业设计 附带论文 启动教程:https://www.bilibili.com/video/BV1GK1iYyE2B

  • 联想电脑的bios设置

    联想电脑的bios设置、图文都有

  • 1_教务处关于云南师范大学2024年大学生科研训练基金项目立项申报工作的通知 (1).zip

    1_教务处关于云南师范大学2024年大学生科研训练基金项目立项申报工作的通知 (1).zip

  • 基于Python实现的自然语言处理大作业-方面情感分析+源代码+文档说明+实验报告

    <项目介绍> 基于Python实现的自然语言处理大作业——方面情感分析+源代码+文档说明+实验报告 - 不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的毕设,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途

Global site tag (gtag.js) - Google Analytics