ギフプロギフプロ

React Hook Form + Zod 型安全フォーム検証プロンプト作例

CODE PREVIEW

P

プロンプト

React Hook Form と Zod スキーマ検証を使った React コンポーネントを作成してください。フィールド: email(必須、正しいメール形式)、password(必須、6文字以上)、age(任意、数値0以上)。各フィールドの下にエラーメッセージを表示し、送信中は送信ボタンを無効にしてください。TypeScriptを使用。

このデモでは React Hook Form と Zod を組み合わせて型安全なフォーム検証を実現します。スキーマで email、password、age フィールドのルールを定義。エラーメッセージはリアルタイム表示、送信ボタンは送信中に無効化されます。モダンな React フォームのクリーンなパターンです。

このプロンプトは役に立ちましたか?

コメント

コメントは承認後に表示されます

ホームヘルプ