前言
在前端开发中，我们经常需要处理用户输入的表单数据和进行表单验证操作。传统的方式是使用手写代码实现这些功能，但是这种方式有些繁琐，有时候需要处理很多细节问题。而 npm 包 @kisey/gotta 则可以大幅简化这些操作，实现快速表单数据验证和处理。本文将介绍如何使用 @kisey/gotta 这个 npm 包，为大家带来便利。
安装
在开始之前，你需要了解 npm 包的安装方法。一般来说，你需要在终端下执行：
npm install @kisey/gotta --save
如果你使用 yarn，则执行：
yarn add @kisey/gotta
安装完成后，我们便可以开始使用这个包了。
基本使用
数据验证
@kisey/gotta 包能够针对不同的数据类型，完成数据验证的操作。比如，我们可以编写以下代码来验证一个数据是否为字符串：
-- -------------------- ---- -------
----- - ----- - - ------------------------
----- ----- - --- --------
----- --- - --------
-- ----------------------------- -
---------------------
- ---- -
-----------------------
-这个代码验证了一个字符串，并输出结果。我们创建了一个 Gotta 的实例并进行了一次检查操作。检查结果告诉我们这个字符串是合法的。
多项验证
@kisey/gotta 包支持多项验证，可以针对同一个数据进行不同的验证操作。比如，我们可以编写以下代码来同时验证一个数据是字符串，并且长度不超过 10：
-- -------------------- ---- -------
----- - ----- - - ------------------------
----- ----- - --- --------
----- --- - --------
-- ------------------------------------------- -
---------------------
- ---- -
-----------------------
-这个代码做了两个判断，第一个是判断这个数据是否为字符串，第二个是判断这个字符串是否长度不超过 10。和之前的代码不同，我们在调用 isString() 方法后使用了链式调用。最终，这个判断返回了 true。
自定义验证
除了之前提到的方法外，@kisey/gotta 包还支持自定义验证规则。可以通过编写一个函数来实现自定义验证。比如，我们可以编写一个验证规则，检查一个字符串的首字母是否为大写字母：
-- -------------------- ---- -------
----- - ----- - - ------------------------
----- ----- - --- --------
----- --- - --------
--------------------------- ------- -- -
----- --------- - ----------------
------ -------------------------
---
-- ----------------------------------------------- -
---------------------
- ---- -
-----------------------
-这个代码中，我们定义了一个新的规则 isCapital。这个规则检查一个字符串的首字母是否为大写字母，如果是，则验证通过。
示例代码
以下是一个完整的示例代码，演示了如何使用 @kisey/gotta 包完成表单验证操作：
-- -------------------- ---- -------
----- - ----- - - ------------------------
----- ----- - --- --------
----- ---- - -
--------- -----------
--------- -----------
--
----- ---------- - -
--------- -----------------------------------
--------- ------------------------------------------
--
--- ------ ----- -- ----------- -
-- -------------------------- -
--------------------- -- ----------
-
-这个代码中，我们定义了一个表单 form，包含了两个字段 username 和 password。我们创建了一个 validation 对象，这个对象是用来存储每个表单字段的验证结果。在循环中，我们检查了每个字段的验证结果，并输出验证失败的字段名。整个操作非常简单，仅需几行代码便可以完成表单验证。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc7967216659e244510