像老板一样构建表单验证的20个Javascript库

每个开发人员都知道表单验证有多么复杂和棘手。理想情况下,用户使用必要的信息填写表格并成功完成工作。但是,人们经常犯错误。这是表单验证起作用的地方。所以在这篇文章中’我们收集了一些有用的Javascript库,可用于为项目设置表单验证。

Parsley.js

就像没有其他表单验证库一样,只需在表单HTML标记中用英语写下您的要求,剩下的就由Parsley完成!无需编写任何JavaScript行即可进行简单的表单验证。

Parsley.js


验证器.js

该库仅验证和清除字符串。

验证器.js


表单向导

但是,使用表单验证会很快变得麻烦而烦人,尤其是当表单中的输入数量增加或者表单结构变得更加复杂时,例如多步骤表格。幸运的是,这是jQuery的出色验证插件。

表单向导


jQuery的验证

jQuery的 Validation Plugin为您现有的表单提供了插入式验证,同时使各种自定义方式非常适合您的应用程序。

jQuery的验证


JqBootstrapValidation

用于引导表单的JQuery验证框架。

JqBootstrapValidation


Validate.js

声明式验证库,使用javascript编写。

Validate.js


jQuery的 Creditcardvalidator

它检测并验证信用卡号。它’告诉您检测到的信用卡类型以及卡号的长度和Luhn校验和是否有效。

jQuery的 Creditcardvalidator


絮状

Vue.js的简单,轻量级基于模型的验证。

絮状


引导验证器

验证器插件提供了可通过大多数HTML5标准属性配置的自动表单验证功能。它还提供了一个毫不干扰的用户体验,因为没人喜欢这种讨厌的形式。

引导验证器


Vue表格

Vue.js 2.2及更高版本的表单验证。

Vue表格


角度验证器

角度的-Validator是一个易于使用,功能强大且轻巧的AngularJS验证指令。

角度验证器


Valid.js

用于数据验证的库。

Valid.js


国际电话输入

一个用于输入和验证国际电话号码的JavaScript插件。它将标记下拉列表添加到任何输入,检测用户’国家/地区,显示相关的占位符,并提供格式/验证方法。

国际电话输入


超形式

超形式是Java 5中HTML 5表单验证API的完整实现。它替代或填充浏览器’的本机方法,并通过自定义事件和挂钩简化了验证任务。

超形式


笨拙的反应

主要概念是,表单,输入和验证在开发人员和项目之间的完成方式非常不同。对React JS的扩展旨在“sweet spot”灵活性和可重用性之间。

笨拙的反应


抽烟

冒烟形式验证和Bootstrap组件。

抽烟


批准

批准不’t自动将其自身附加到输入更改事件或表单提交事件。它也没有’通过自动显示错误来为您操纵DOM。这使您可以自动进行所需的验证。

批准


验证器

HTML表单验证。完美适用于所有场景,轻巧,语义& easy to use.

验证器


重新验证

重新验证是一个用于创建和组合小的验证功能以创建复杂,可靠的验证的库。不需要笨拙的配置规则来定义验证。只需使用功能。

重新验证


V8n

最终的JavaScript验证库’我曾经需要。死了的简单流利的API。可定制可重用。

V8n


发表评论

请客气。我们对此表示赞赏。您的电子邮件地址将不会被发布,并且必填字段已被标记

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.