在之前的教程中,我们讨论了如何使用html5中的一些输入属性和一些正则表达式来实现基本表单验证。
在本教程中,您将学习如何使用jQuery插件向您的网站添加简单的表单验证。
使用jQuery插件验证表单有很多用途。它为您提供了额外的功能,例如轻松显示自定义错误消息以及向jQuery表单验证添加条件逻辑。验证库还可以帮助您向HTML表单添加验证,而无需对标记进行最少的更改或无需更改。有效性条件也可以随时轻松添加、删除或修改。
开始使用
我们将在本教程中使用jQuery验证插件。该插件提供了很多功能,还可以帮助您定义自己的验证逻辑。
在我们开始在我们的领域中使用该插件之前,我们必须在我们的项目中包含必要的文件。有两个不同的文件要包含。第一个是核心文件,其中包含插件的核心功能,包括从不同的验证方法到一些自定义选择器的所有内容。第二个文件包含验证信用卡号和美国电话号码等输入的其他方法。
您可以通过Bower或NPM等包管理器将这些文件添加到您的项目中。您还可以直接获取文件的CDN链接,并将它们添加到网页上的script标记中。由于这是一个基于jQuery的插件,因此您还需要添加指向jQuery库的链接。