react-form-validator-hook

轻量级 React 表单验证 Hook，无需繁琐的手写验证逻辑，支持常见验证规则，开箱即用。 支持常见验证规则：必填、邮箱格式、手机号、最小 / 最大值、最小 / 最大长度、自定义正则； 实时验证：输入时自动校验，失去焦点时强化校验； 错误提示：自定义错误文案，支持多语言（基础版）； 一键校验整个表单：提交时验证所有字段； 轻量无依赖：仅依赖 React，体积 < 5KB。

使用该 React 表单验证 npm 包时，先在 React 项目中通过npm install react-form-validator-hook完成安装，项目需提前有 React16.8+ 环境；之后在表单组件中引入包的useFormValidatorHook，配置包含字段初始值、验证规则的formConfig，也可自定义错误文案，调用 Hook 解构出表单值values、错误信息errors、事件处理handleChange/handleBlur、全量验证validateAll和重置reset等方法；将values绑定到表单输入框的value，handleChange/handleBlur绑定到onChange/onBlur，错误信息根据errors按需渲染，表单提交时调用validateAll做全量验证，验证通过后即可执行接口请求等业务逻辑，该 Hook 支持必填、邮箱、手机号、长度/数值限制、自定义正则等多种验证规则，可灵活组合满足各类表单验证需求。

安装

npm install react-form-validator-hook
# 或
yarn add react-form-validator-hook