用途:该技能面向表单验证实现,主张 schema-first,用 Zod 作为运行时校验与 TypeScript 类型的单一来源,避免手写类型。
主要能力:提供 Zod 基础类型与常见表单 schema 模式(登录、注册、找回/重置密码、个人资料、地址、支付卡等),支持条件校验、跨字段校验(如确认密码、日期范围)、schema 组合(merge/extend)、异步校验(用户名/邮箱唯一性)以及错误信息模板。还给出验证时机模式:输入时不报错、失焦时首次报错、修正时实时重校验,即“早奖励、晚惩罚”,并附 React Hook Form、TanStack Form、VeeValidate 及原生 safeParse 的适配方式。
使用方式:先定义 Zod schema,再用 z.infer 推导类型,然后通过 zodResolver 等适配器接入表单库;异步校验可配合防抖(如 TanStack Form 的 onChangeAsyncDebounceMs 或自建 debounced validator)。示例命令与代码保持原样,如 import { z } from 'zod'、zodResolver(schema)、schema.safeParse(data)。
适用场景:React/Vue 等前端表单、注册登录、支付与地址录入、需要异步唯一性检查的表单。
限制:资料未提供具体安装命令、版本要求、性能数据或收费信息;异步校验依赖后端接口,需自行实现防抖与竞态处理。