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
今天的文章15个表单验证jQuery插件和库分享到此就结束了,感谢您的阅读。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/7812.html