在前端开发中，我们经常需要验证输入的数据是否符合特定的格式，这时候就需要使用一些验证工具。validirectory 是一个非常小巧但功能强大的 npm 包，它提供了一套简单易用、可重用、可定制的验证器模板，方便我们快速地验证数据。
安装
使用 npm，可以很方便地安装 validirectory ，只需要在命令行中输入以下语句即可：
--- ------- ------ -------------
基本使用
非常简单，只需要引入 validirectory，然后使用其中的 validate 方法即可完成验证。
下面是一个使用 validirectory 验证手机号的例子：
------ - -------- - ---- ----------------
----- ----- - -
------- --
----- ---------
--------- -----
-------- ---------
-- -
----- ---------
-------- --------------------
-------- -----------
--
--
----- ---- - -
------- -------------
--
----- - ------ ------ - - -------------- -------
----------
--------------------
- ---- -
--------------------
-在上面的例子中，我们定义了验证规则 rules 和待验证的数据 data，然后使用 validate 方法进行验证，并判断验证是否通过。如果验证不通过，则打印错误信息，否则打印“验证通过”信息。
规则定义
validirectory 中，验证规则的定义非常简单和灵活，我们只需要定义一个对象，然后在其中添加相应的规则即可。下面是一个规则示例：
----- ----- - -
--------- --
----- ---------
--------- -----
-------- ---------
-- -
----- ---------
-------- --------
-------- ------------------
--
-在这个例子中，我们使用数组来定义验证规则。每一个规则包含以下属性：
- type：数据类型，可选值有：string、number、boolean、array、object、regexp、date、email、url。
- required：是否必填。
- message：验证失败时的错误提示信息。
- pattern：正则表达式，用于验证数据是否符合指定格式。将会与数据值进行匹配。
有关规则定义更详细的说明，请查看官方文档。
关于错误提示
如果验证不通过，validate 方法将返回一个错误对象，包含两个属性：valid 和 errors。
其中，valid 为 false，errors 为一个对象，包含了每一个验证失败的字段，以及随之产生的错误信息。
我们可以在错误对象中按需选择要显示的错误信息，或者根据不同场景自定义错误提示，具体方法请查看官方文档。
总结
使用 validirectory 来验证数据非常简单，只需要定义好规则和待验证的数据，然后调用 validate 方法即可。这个 npm 包的优点在于它简单易用、可重用、可定制，并且支持多种数据类型，可以帮助我们轻松实现前端数据验证的需求。
在实际开发中，验证数据是非常重要的一环，有效的数据验证可以保证数据的完整性和可靠性。在这方面，validirectory 无疑是一个不错的选择。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055ad581e8991b448d8701