React Hook Form + Zod 表单验证 AI 生成代码示例
代码预览
エディタを読み込み中…
P
提示词
Create a landing page showcasing a form validation example using React Hook Form and Zod. Include a functional form with fields: name (required, min 2 chars), email (required, valid email), age (required, number 18-120). Display validation errors inline. Use Tailwind CSS for styling. Keep code concise.
React Hook FormとZodを使ったフォームバリデーションの実践デモ。名前（2文字以上）、メール（有効な形式）、年齢（18～120）の3項目をZodスキーマで検証し、エラーをインライン表示。ダークテーマでスタイリング。
提示词解读
使用React Hook Form和Zod进行表单验证的实践演示。通过Zod模式验证三个字段：姓名（至少2个字符）、邮箱（有效格式）、年龄（18-120岁），并内联显示错误信息。采用深色主题样式。
这个提示对您有帮助吗？
评论
评论将在审核后显示
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選