jquery validate表单校验_15个表单验证jQuery插件和库

Parsley.js

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

quickValidation.js

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

jQuery番茄酱插件

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

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

我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。

jQuery验证插件

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

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

IV.js – Javascript输入验证

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

jQuery验证引擎

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

BootstrapValidator

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

监护人

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

验证码

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

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

Formance.js

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

Fields.js

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

jQuery验证

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

jQuery表单验证

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

一审

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

Validarium

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

验证准系统验证

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

nextVal

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

jQuery Super Labels插件

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

作者：游X鱼
链接：https://www.jianshu.com/p/d1519bacf66a