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 フォームのクリーンなパターンです。
このプロンプトは役に立ちましたか？
コメント
コメントは承認後に表示されます
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選