阅读更多

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表单验证插件

  • TinyYolo2实时视频流物体检测ONNX模型

    TinyYolo2实时视频流物体检测ONNX模型 运行 ONNX 模型,并结合 OpenCV 进行图像处理。具体流程包括: 1. 加载并初始化 ONNX 模型。 2. 从摄像头捕获实时视频流。 3. 对每一帧图像进行模型推理,生成物体检测结果。 4. 在界面上绘制检测结果的边界框和标签。

  • chromedriver-linux64-134.0.6998.23(Beta).zip

    chromedriver-linux64-134.0.6998.23(Beta).zip

  • Web开发:ABP框架4-DDD四层架构的详解

    Web开发:ABP框架4-DDD四层架构的详解

  • chromedriver-linux64-135.0.7029.0(Canary).zip

    chromedriver-linux64-135.0.7029.0(Canary).zip

  • (参考项目)MATLAB人脸门禁系统.zip

    实现人脸识别的考勤门禁系统可以分为以下步骤: 1. 采集人脸图像数据集:首先需要采集员工的人脸图像数据集,包括正面、侧面等多个角度的图像。可以使用MATLAB中的图像采集工具或者第三方库进行采集。 2. 预处理人脸图像数据:对采集到的人脸图像数据进行预处理,包括人脸检测、人脸对齐、人脸裁剪等操作。MATLAB提供了相关的图像处理工具箱,可以用于实现这些处理步骤。 3. 特征提取与特征匹配:使用人脸识别算法提取人脸图像的特征,比如使用人脸识别中常用的特征提取算法如Eigenfaces、Fisherfaces或者基于深度学习的算法。然后将员工的人脸数据与数据库中的人脸数据进行匹配,判断是否为注册员工。 4. 考勤记录与门禁控制:如果人脸匹配成功,系统可以记录员工的考勤时间,并且控制门禁系统进行开启。MATLAB可以与外部设备进行通信,实现门禁控制以及考勤记录功能。

  • rdtyfv、ijij

    yugy

Global site tag (gtag.js) - Google Analytics