什么是 sg-check
sg-check 是一个用于表单数据验证的 npm 包。它支持多种验证方式，包括正则表达式、自定义函数和内置验证规则。同时，它可以通过 Promise/async/await 来处理验证结果，非常方便实用。
安装 sg-check
你可以通过 npm 来安装 sg-check 包，使用如下命令：
npm install sg-check --save
使用 sg-check
在 ES6 应用中使用 sg-check
在 ES6 应用中，你可以通过 import 关键字引入 sg-check，并使用它提供的验证方法。
-- -------------------- ---- -------
------ - ---------- ------------- - ---- -----------
-- ----------
----- ----- - -
--------- --
-------- -------------
-------- -----------------------
---
--------- --
-------- -------------
-------- ------------------
---
----------- --
---------- ------- ----- -- ------ --- ---------------
-------- --------
---
--
-------------------- ---------- --------- --------- ----------- ---------- ------
-------- -- -
--------------------
--
-------------- -- -
-------------------
---
-- ------------
----- -------- - -
---------- ---------- --------- --------- ----------- ----------
---------- ------ --------- ------ ----------- -------
---------- ----------- --------- ----------- ----------- ------------
--
----- ----------- - -- -- -
----- -------- - ----------------- -- --------------- --------
------ ----------------------
--
----------------------------
-------- -- -
-------------------------
--
--------------- -- -
------------------------
--------------------
---在 CommonJS 模块中使用 sg-check
在 CommonJS 模块中，你可以使用 require 关键字来引入 sg-check，并使用它提供的验证方法。
-- -------------------- ---- -------
----- ------- - --------------------
-- ----------
----- ----- - -
--------- --
-------- -------------
-------- -----------------------
---
--------- --
-------- -------------
-------- ------------------
---
----------- --
---------- ------- ----- -- ------ --- ---------------
-------- --------
---
--
---------------------------- ---------- --------- --------- ----------- ---------- ------
-------- -- -
--------------------
--
-------------- -- -
-------------------
---
-- ------------
----- -------- - -
---------- ---------- --------- --------- ----------- ----------
---------- ------ --------- ------ ----------- -------
---------- ----------- --------- ----------- ----------- ------------
--
----- ----------- - -- -- -
----- -------- - ----------------- -- ----------------------- --------
------ ----------------------
--
------------------------------------
-------- -- -
-------------------------
--
--------------- -- -
------------------------
--------------------
---sg-check 提供的验证规则
sg-check 提供的验证规则包括以下几种：
pattern
使用正则表达式验证数据是否符合规范。这种验证规则可以接收一个正则表达式作为参数。
{
pattern: /^https?:\/\/\w+(\.\w+)+([\?\#].*)?$/i,
message: '请输入正确的 URL 格式',
}validator
使用自定义函数验证数据是否符合规范。这种验证规则可以接收一个自定义函数作为参数。
{
validator: (value, data) => (/^\d+$/.test(value) && value > 0),
message: '请输入正整数',
}required
验证数据是否为必填项。这种验证规则可以接收一个 Boolean 值作为参数，用于设置是否为必填项。
{
required: true,
message: '请输入数据',
}除了提供的验证规则，sg-check 还提供了一些内置的验证规则，包括：
- email：验证数据是否符合邮箱格式
- phone：验证数据是否符合手机号码格式
- idcard：验证数据是否符合身份证号码格式
一些规则的使用例子：
-- -------------------- ---- -------
----- ----- - -
------ --
----- --------
-------- -------------
---
------ --
----- --------
-------- -------------
---
------- --
----- ---------
-------- --------------
---
--
----------------- ----------------- ------ -------------- ------- ---------------------- ------
-------- -- -
--------------------
--
-------------- -- -
-------------------
---结语
使用 sg-check 可以方便地实现表单数据验证功能，使得开发者可以在不需要手动编写复杂的验证逻辑的情况下，快速构建出符合规范和需求的表单。同时，在验证失败时，sg-check 可以返回详细的错误信息，便于开发者进行调试和处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005535b81e8991b448d096f