每个开发人员都知道表单验证有多么复杂和棘手。理想情况下,用户使用必要的信息填写表格并成功完成工作。但是,人们经常犯错误。这是表单验证起作用的地方。所以在这篇文章中’我们收集了一些有用的Javascript库,可用于为项目设置表单验证。
Parsley.js
就像没有其他表单验证库一样,只需在表单HTML标记中用英语写下您的要求,剩下的就由Parsley完成!无需编写任何JavaScript行即可进行简单的表单验证。
验证器.js
该库仅验证和清除字符串。
表单向导
但是,使用表单验证会很快变得麻烦而烦人,尤其是当表单中的输入数量增加或者表单结构变得更加复杂时,例如多步骤表格。幸运的是,这是jQuery的出色验证插件。
jQuery的验证
jQuery的 Validation Plugin为您现有的表单提供了插入式验证,同时使各种自定义方式非常适合您的应用程序。
JqBootstrapValidation
用于引导表单的JQuery验证框架。
Validate.js
声明式验证库,使用javascript编写。
jQuery的 Creditcardvalidator
它检测并验证信用卡号。它’告诉您检测到的信用卡类型以及卡号的长度和Luhn校验和是否有效。
絮状
Vue.js的简单,轻量级基于模型的验证。
引导验证器
验证器插件提供了可通过大多数HTML5标准属性配置的自动表单验证功能。它还提供了一个毫不干扰的用户体验,因为没人喜欢这种讨厌的形式。
Vue表格
Vue.js 2.2及更高版本的表单验证。
角度验证器
角度的-Validator是一个易于使用,功能强大且轻巧的AngularJS验证指令。
Valid.js
用于数据验证的库。
国际电话输入
一个用于输入和验证国际电话号码的JavaScript插件。它将标记下拉列表添加到任何输入,检测用户’国家/地区,显示相关的占位符,并提供格式/验证方法。
超形式
超形式是Java 5中HTML 5表单验证API的完整实现。它替代或填充浏览器’的本机方法,并通过自定义事件和挂钩简化了验证任务。
笨拙的反应
主要概念是,表单,输入和验证在开发人员和项目之间的完成方式非常不同。对React JS的扩展旨在“sweet spot”灵活性和可重用性之间。
抽烟
冒烟形式验证和Bootstrap组件。
批准
批准不’t自动将其自身附加到输入更改事件或表单提交事件。它也没有’通过自动显示错误来为您操纵DOM。这使您可以自动进行所需的验证。
验证器
HTML表单验证。完美适用于所有场景,轻巧,语义& easy to use.
重新验证
重新验证是一个用于创建和组合小的验证功能以创建复杂,可靠的验证的库。不需要笨拙的配置规则来定义验证。只需使用功能。
V8n
最终的JavaScript验证库’我曾经需要。死了的简单流利的API。可定制可重用。