在前端开发中，有时需要使用一些工具或库，以提高开发效率或增加功能。npm 是前端开发中最流行的包管理器之一，许多开源的工具和库都可以通过 npm 下载并使用。
其中，expressure 是一款可以轻松处理用户输入验证和数据提取的 npm 包，下面我们来详细了解如何使用它。
安装 expressure
使用 npm 命令行安装 expressure：
--- ------- ----------
使用 expressure
引入 expressure
在需要使用 expressure 的文件中，先引入 expressure：
----- ---------- - ----------------------
基本用法
expressure 可以通过检查用户输入的数据是否满足某些规则来验证数据。例如，我们可以检查用户输入的用户名是否符合要求：
----- ---- - -
--------- -
--------- -----
------- - ---- -- ---- -- --
-------- --------------------
-
--
----- ---- - - --------- --------- --
----- ------ - ---------------------- ------
-- --------------- -
----------------- -- ---------
- ---- -
-------------------- --------
-在以上代码中，我们定义了一个规则 rule，其中 username 是需要检查的数据项。在该规则中，我们指定了用户名必填（required: true），长度必须在 3 至 12 个字符之间（length: { min: 3, max: 12 }），并且只能包含字母、下划线和数字（pattern: /^[a-zA-z_]+[0-9]*$/）。
接下来，我们创建了一个数据对象 data，其中包含了要检查的用户名。我们通过 expressure.check 方法检查数据对象是否符合规则。如果符合，我们输出“Data is valid.”，否则输出“Invalid data.”。
高级用法
除了基本用法外，expressure 还支持其他一些高级用法。
数据提取
expressure 可以提取数据中符合规则的子集。例如，我们可以提取数据对象中的 username 和 password：
----- ---- - -
--------- -
--------- -----
------- - ---- -- ---- -- --
-------- --------------------
--
--------- - --------- ---- -
--
----- ---- - - --------- ---------- --------- -------- --
----- ------ - ------------------------ ------
--------------------在以上代码中，我们定义了一个规则 rule，其中包含了要提取的数据项，包括 username 和 password。然后我们创建了一个数据对象 data，其中包含了要提取的数据。我们通过 expressure.extract 方法提取符合规则的子集，然后输出结果。
错误提示
当数据不符合规则时，expressure 可以返回错误提示。例如，我们可以输出错误信息：
----- ---- - -
--------- -
--------- -----
------- - ---- -- ---- -- --
-------- ---------------------
-------- -
--------- ------- ----- ---- -----------
------- ----- -------- ---- ---- - -- -- -------------
-------- ----- -------- --- ---- ------- -------- ------- --- -------------
-
-
--
----- ---- - - --------- ------ --
----- ------ - ---------------------- ------
-- --------------- -
----------------- -- ---------
- ---- -
----------------------------
-在以上代码中，我们定义了一个规则 rule，其中 username 的 message 属性包含了错误提示。我们创建了一个数据对象 data，其中包含了不符合规则的用户名。我们通过 expressure.check 方法检查数据对象是否符合规则。如果符合，我们输出“Data is valid.”，否则输出错误提示。
以上就是使用 expressure 的基本用法和高级用法。通过使用 expressure，我们可以快速方便地处理用户输入验证和数据提取，从而提供更好的用户体验和数据质量。
示例代码
HTML
--------- -----
------
------
----- ----------------
----------------- ------------
-------
------
----- ----------
-----
------ -------------------------------
------ ----------- ------------- --------------- -------- ------------- -------------- ---------------------------
------
-----
------ -------------------------------
------ --------------- ------------- --------------- ---------
------
-----
------- -----------------------------
------
-------
------- ---------------------- ------------------------
-------
-------JavaScript
----- ---------- - ----------------------
----- ---- - -
--------- -
--------- -----
------- - ---- -- ---- -- --
-------- ---------------------
-------- -
--------- ------- ----- ---- -----------
------- ----- -------- ---- ---- - -- -- -------------
-------- ----- -------- --- ---- ------- -------- ------- --- -------------
-
--
--------- - --------- ---- -
--
----- ---- - --------------------------------
------------------------------- --------------- -
-----------------------
----- ---- - -
--------- ---------------------------
--------- -------------------
--
----- ------ - ---------------------- ------
-- --------------- -
----------------- -- ---------
-- ------ ---- -- ------
- ---- -
----------------------------
-
---在以上代码中，我们先引入 expressure 模块。然后定义一个规则 rule，其中包含了要检查的数据项和错误提示。我们创建了一个表单 form，并监听其 submit 事件。在事件处理函数中，我们获取表单中的数据对象 data，然后使用 expressure.check 方法检查数据是否符合规则。如果符合，我们输出“Data is valid.”，否则输出错误提示。最后，我们可以将符合规则的数据提交到服务器。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600668fad9381d61a3540ff3