15个表单验证jQuery插件和库

Parsley.js

Parsley.js是一个轻量级且功能丰富的库,它使用DOM中嵌入的数据属性来实现相同的功能,而不是使用Javascript验证表单。令人惊讶的易于配置的插件还使您可以覆盖几乎所有默认行为,使其符合您的表单要求。

15个表单验证jQuery插件和库

 

quickValidation.js

quickValidation.js的工作原理类似于上面的Parsley。它没有在Javascript中定义规则,而是通过使用data-validateinput标签中的属性直接分配规则。它将诸如required,number,range=0-99之.quickValidate类的规则串在一起,然后添加类,添加data-name属性以为错误命名字段,然后就可以开始工作了。

15个表单验证jQuery插件和库

 

jQuery番茄酱插件

Ketchup是一个轻量级(最小3.4KB)插件,附带18种基本验证,但是确实允许您轻松编写自己的验证并覆盖任何默认行为。

默认情况下,插件将检查data-validate表单字段的属性,以查看是否可以找到任何匹配的验证。验证的默认指标是validate(),所有验证都进入该位置,并以逗号分隔。验证也可以带有参数(也用逗号分隔)。

jQuery验证插件

jQuery Validation是一个“插件”插件,使客户端表单验证非常容易。它附带了一组有用的验证方法,同时还提供了一个API,可轻松编写您自己的API。

开始使用此插件所需要做的就是仅一行jQuery以选择表单并应用该插件,并在每个元素上加上一些注释以指定验证规则。

15个表单验证jQuery插件和库

 

IV.js – Javascript输入验证

IV.js是一个jQuery库,它提供了一种使用验证过滤器和处理用户输入的直观方法。为了使用IV.js,您需要将IValidate类添加到表单中。

15个表单验证jQuery插件和库

 

jQuery验证引擎

当涉及到jQuery Validation Engine时,您不必担心表单的结构,因为该插件会创建一个错误,DIV并将其放置在指定输入的右上角,从而使表单代码和验证分开。Phis可能是本文中最简单的验证解决方案。

15个表单验证jQuery插件和库

 

BootstrapValidator

BootstrapValidator是一个用于验证Bootstrap表单的jQuery插件。

15个表单验证jQuery插件和库

 

监护人

Guardian是一个灵活且易于扩展的通用表单验证jQuery插件。

15个表单验证jQuery插件和库

 

验证码

Validatr使用HTML5输入属性来执行验证,以支持color,date,email,number和range。输入类型text,checkbox,radio...。支持,但不需要相同级别的验证。

在可能的情况下,Validatr将使用本机验证,并使用Modernizr来测试支持。如果不支持输入类型,它将使用它自己的规则集来补充本机验证。在两种情况下,都会显示验证消息。

15个表单验证jQuery插件和库

 

Formance.js

Formance.js是一个基于Stripe的jQuery.payment库并受其启发的用于格式化和验证表单字段的库。

15个表单验证jQuery插件和库

 

Fields.js

Fields.js带有MIT许可证,并提供了与字段进行交互的抽象方式。

15个表单验证jQuery插件和库

 

jQuery验证

jQuery Validate是一个jQuery插件,可帮助您使用数据属性轻松而快速地完成表单验证。

15个表单验证jQuery插件和库

 

jQuery表单验证

jQuery Form Validate是另一个jQuery插件,可让您通过从应用于每个输入的HTML 5数据属性中获取验证规则来验证HTML表单。

15个表单验证jQuery插件和库

 

一审

单验证是用于一般验证目的的正则表达式的集合。为了进行验证,它将正则表达式分成模式的语义部分。

Validarium

Validarium是一个基于jQuery Validate的简单直接的jQuery验证插件。

15个表单验证jQuery插件和库

 

验证准系统验证

从名称本身可以明显看出,Validate Barebones Validation是一个可配置和可扩展的准系统jQuery验证插件。

nextVal

nextVal是jQuery的客户端表单验证插件。

15个表单验证jQuery插件和库

 

jQuery Super Labels插件

在jQuery的超级标贴插件获得焦点淡出输入一个值时,当使整个油田的标签幻灯片。

15个表单验证jQuery插件和库

 

15个表单验证jQuery插件和库

上一篇:《∞-former: Infinite Memory Transformer》实验部分


下一篇:总结Css 常用的操作