如何安装 jQuery Validate 插件?

Posted

技术标签:

【中文标题】如何安装 jQuery Validate 插件?【英文标题】:How to install jQuery Validate plugin? 【发布时间】:2015-10-09 17:03:01 【问题描述】:

我是 jQuery 插件使用的新手。现在我面临着向我的项目添加一个新插件。

它是 jQuery 验证插件。

我从the official site下载了存档。

此存档的内容如下所示:

据我了解,我不应该在我的项目中安装很多冗余文件(例如demo)。

您能否简要介绍一下存档结构以及我应该使用哪些文件?

编辑

lib 内容:

【问题讨论】:

您查看文件夹了吗?打开dist,插件本身被称为jquery.validate.jsjquery.validate.min.js。您可以使用任何一种。 additional-methods 文件是可选的。另请参阅 official website 和 SO Tag Wiki page 了解更多信息。 【参考方案1】:

通常在 dist 文件夹中查找就足够了。如果您不想浏览代码,拥有jquery-validate.js 文件或min 版本可能就足够了。 (+ 可能是 lib 文件夹中的东西)

但是通常我们将插件的文件夹保存在至少包含 dist 和 lib 子文件夹的 Scripts 文件夹中。

【讨论】:

【参考方案2】:

我用过一次,我只需要“jquery.validate.js”-File 您可以从此页面上的链接下载它 http://jqueryvalidation.org/

例如:http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js

我猜你下载的所有其他文件都是为了演示(如果你已经有 jQuery,否则你也需要 jQuery)。

【讨论】:

【参考方案3】:

要包含在您自己的工作中的代码文件在readme 和bower.json 中进行了描述,列出了所需的最低 jquery.js 版本 - jquery.js 文件位于lib(库),用于所有 jquery 插件。 Bower.json 声明不需要其他脚本。您可以为.js 文件创建js

src\localization 文件夹包含非英语语言的消息,如果您的网站上有非英语语言时需要验证错误消息,您可能需要这些消息(可选)。

当您使用插件编写代码并查看/使用演示时,您需要来自src(此版本的一部分)或来自lib(不是验证插件的一部分)的其他文件将变得很明显-在)。最少 2 个文件:jquery.js 和实际插件。额外的文件仅用于github 组织、演示、说明或可选功能。从带有目录名称的readme 指令中,您可以将其添加到您希望验证表单出现在<body> 中的html

<form>
<input required>
</form>
<script src="js\jquery.js"></script>
<script src="js\jquery.validate.js"></script>
<script>
$("form").validate();
</script>

【讨论】:

以上是关于如何安装 jQuery Validate 插件?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery-validate插件初级篇

jquery validate 表单验证插件

JQuery Validate插件如何自定义验证方法(结合ajax实现数据库的查重)

如何在 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息?

在.net mvc中,jquery-validate插件如何远程提交动态参数

jQuery validate:如何为正则表达式验证添加规则?