在前端开发中，有时需要对表单进行校验，其中一个常见的需求是确认两个输入字段的值是否匹配。jQuery validate 插件提供了方便的方式来实现这一目的。
安装和配置 jQuery validate 插件
首先，要使用 jQuery validate 插件，需要先将其添加到项目中。可以从 官方网站 下载最新版本的插件，并将其引入到 HTML 页面中。另外，需要确保在引入 validate 插件之前引入 jQuery 库，因为 validate 是基于 jQuery 的。
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.3/jquery.validate.min.js"></script>
接下来，在表单的 <form> 标签上添加 id 属性，并在 JavaScript 中使用 validate() 方法初始化 validate 插件。
-- -------------------- ---- -------
----- -------------
------ --------------------------
------ --------------- --------------- --------------
--------
------ ------------------------------------
------ --------------- ----------------------- ----------------------
--------
------- -------------------------
-------
--------
---------------------------- -
------------------------
------ -
------------------- -
-------- -----------
-
--
--------- -
------------------- -
-------- ------------
-
-
---
---
---------在上面的代码中，我们给表单添加了 id="my-form" 属性，并且在 JavaScript 中初始化了 validate 插件。rules 属性用来定义校验规则，这里我们使用 equalTo 规则来匹配确认密码和密码输入框的值是否相等。messages 属性用来自定义错误提示信息，当两个密码输入不一致时会显示 "两次输入的密码不一致"。
示例代码
下面是一个完整的示例代码，该代码演示了如何使用 jQuery validate 插件来匹配两个字段。请注意，这里的示例仅用于演示目的，实际项目中需要根据情况进行修改。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------ --- ------ ---- ------ -------- --------------
------- -----------------------------------------------------------
------- ----------------------------------------------------------------------------------------------------
-------
------
--------- --- ------ ---- ------ -------- -----------
----- -------------
------ --------------------------
------ --------------- --------------- --------------
--------
------ ------------------------------------
------ --------------- ----------------------- ----------------------
--------
------- -------------------------
-------
--------
---------------------------- -
------------------------
------ -
------------------- -
-------- -----------
-
--
--------- -
------------------- -
-------- ------------
-
-
---
---
---------
-------
-------总结
使用 jQuery validate 插件可以轻松地匹配两个字段，从而确保表单数据的正确性。在上面的示例代码中，我们展示了如何使用 equalTo 规则来实现字段匹配，并使用 messages 属性自定义了错误提示信息。
当然，jQuery validate 插件还有很多其他的功能和方法，可以根据具体需求进行使用和扩展。希望本文对你
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29825