在前端表单验证中，jQuery validate 是一款常用的插件。然而，有时会遇到只验证一个字段的情况，这是因为默认情况下该插件会在提交表单时验证所有字段，如果只需要验证特定字段，怎么办呢？本文将介绍一种解决方案。
问题分析
首先，我们来看一下默认情况下使用 jQuery validate 的代码：
-- -------------------- ---- ------- ------ ------ ------------------------ ------ ----------- ----------- --------- --------- ------ -------------------------- ------ ------------ ------------ ---------- --------- ------- ----------------------------- ------- ------- ----------------------------------------------------------- ------- ---------------------------------------------------------------------------------------------------- -------- --------------------- ---------
这个示例包含了两个必填字段（Name 和 Email），当用户提交表单时，jQuery validate 将验证这两个字段是否满足条件。现在假设我们只需要验证 Name 字段，应该如何实现呢？
解决方案
为了只验证指定字段，我们可以通过添加自定义规则来实现。具体步骤如下：
- 在 HTML 中给需要验证的字段添加一个特殊的 class，比如 "validate-me"。
- 在 JavaScript 中使用 jQuery validate 的 addMethod 方法添加一个自定义规则，该规则只验证 class 为 "validate-me" 的字段。
- 在初始化 jQuery validate 时，将 ignore 属性设置为 ":not(.validate-me)"，这样它就会忽略除了 "validate-me" 以外的所有字段。
下面是代码示例：
-- -------------------- ---- -------
------
------ ------------------------
------ ----------- ----------- --------- ------------------- ---------
------ --------------------------
------ ------------ ------------ ---------- ---------
------- -----------------------------
-------
------- -----------------------------------------------------------
------- ----------------------------------------------------------------------------------------------------
--------
-- -------
------------------------------------ --------------- -------- -
------ ---------------------- -- -----------------------------------
---
-- --- ------ --------
--------------------
------- --------------------
---
---------在这个示例中，我们给 Name 字段添加了 class "validate-me"，并添加了一个名为 "validate-me" 的自定义规则。在初始化 jQuery validate 时，我们将 ignore 属性设置为 ":not(.validate-me)"，这样插件只会验证带有 "validate-me" class 的字段。
结论
本文介绍了一种解决方案，用于只验证表单中的指定字段。这种方法通过添加自定义规则和设置 ignore 属性来实现。希望本文能够对你有所帮助，以便更好地使用 jQuery validate 进行表单验证。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26419