用途:本技能用于在 Epic Stack 应用中创建表单、实现校验与处理复杂表单交互。
主要能力:使用 Conform 构建渐进增强表单(无 JavaScript 时仍可工作);用 Zod 定义显式校验规则;支持异步校验(如查询数据库判断邮箱是否已存在);提供 Field、TextareaField、CheckboxField、OTPField 等预置字段组件;支持文件上传(encType="multipart/form-data");通过 HoneypotInputs 与 checkHoneypot 实现蜜罐防垃圾;支持字段组与数组(如多图片上传);使用 StatusButton 展示提交状态。
使用方式:在路由组件中用 useForm 初始化表单,配合 getZodConstraint 与 parseWithZod;在 action 中先解析 formData 并立即校验,失败时返回错误结果与状态码;校验通过后使用 submission.value 处理数据。异步校验需在 parseWithZod 中设置 async: true。可复用 schema 放在 app/utils/user-validation.ts。
适用场景:登录、注册、笔记编辑、带图片上传的表单、需要防垃圾提交的公开表单等。
限制:资料未提供安装命令、版本要求、性能数据或收费信息;具体实现依赖 Epic Stack 与 Conform、Zod 的既有约定。