前言
在前端开发过程中，表单验证是不可避免的问题。react-am-formutil 是一款基于 React 的表单验证库，可以帮助我们快速构建表单验证逻辑。本篇教程介绍该库的使用方法，并提供示例代码。
安装和导入
npm install react-am-formutil --save
import { createForm, useForm } from 'react-am-formutil';基本使用
通过 createForm 创建表单
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- - ---- --------------------
----- --------- - ------------
------- -------- -- -
----------------------
--
--------- -------- -- -
----- - --------- -------- - - ---------
-- ----------- -
------ -
--------- ---------
--
-
-- ----------- -
------ -
--------- --------
--
-
------ ---
--
-------- -- -
----- - --------- - - ------
------ -
----- ----------------------------------
-----
------ ----------- -------------------- ----------------------------------- --
------------------------------------
------
-----
------ --------------- ------------------- ----------------------------------- --
------------------------------------
------
------- ------------- ------------------------------
--
---------
-------
--
---
------ ------- ----------通过 useForm 创建表单
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- --------------------
----- --------- - -- -- -
----- - ------------- --------- --------- - - ---------
------- -------- -- -
----------------------
--
--------- -------- -- -
----- - --------- -------- - - ---------
-- ----------- -
------ -
--------- ---------
--
-
-- ----------- -
------ -
--------- --------
--
-
------ ---
--
---
------ -
----- ------------------------
-----
------ ----------- -------------------- ----------------------------------- --
------------------------------------
------
-----
------ --------------- ------------------- ----------------------------------- --
------------------------------------
------
------- ------------- --------------------
--
---------
-------
--
--
------ ------- ----------表单验证
必填项验证
-- -------------------- ---- -------
----- -------- - -------- -- -
----- - --------- -------- - - ---------
-- ----------- -
------ -
--------- ---------
--
-
-- ----------- -
------ -
--------- --------
--
-
------ ---
--格式验证
-- -------------------- ---- -------
----- -------- - -------- -- -
----- - --------- -------- - - ---------
-- ------------------------- -
------ -
--------- ------------------
--
-
-- ---------------- - -- -
------ -
--------- -----------
--
-
------ ---
--异步验证
-- -------------------- ---- -------
----- -------- - -------- --
--- ----------------- ------- -- -
------------- -- -
----- - -------- - - ---------
-- --------- --- -------- -
-------- --------- ---------- ---
- ---- -
------------
-
-- ------
---示例代码
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---------- - ---- --------------------
----- --------- - ------------
------- -------- -- -
----------------------
--
--------- -------- -- -
----- - --------- -------- - - ---------
-- ----------- -
------ -
--------- ---------
--
-
-- ----------- -
------ -
--------- --------
--
-
------ ---
--
-------- -- -
----- - --------- - - ------
------ -
----- ----------------------------------
-----
------ ----------- -------------------- ----------------------------------- --
------------------------------------
------
-----
------ --------------- ------------------- ----------------------------------- --
------------------------------------
------
------- ------------- ------------------------------
--
---------
-------
--
---
------ ------- ----------总结
react-am-formutil 是一款非常实用的表单验证库，可以快速地构建表单验证逻辑，并提供了丰富的验证方式。使用该库可以有效地提高前端开发效率，并减少开发难度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672663660cf7123b364e9