ギフプロギフプロ

React Hook Form + Zod バリデーション作例【AI生成プロンプト】

CODE PREVIEW

エディタを読み込み中…
P

プロンプト

React Hook FormとZodを使ったフォームバリデーションのランディングページを作成。必須項目(名前2文字以上、有効なメール、年齢18-120)を含むフォームを実装し、エラーをインライン表示。Tailwind CSSでスタイリング。コードは簡潔に。

React Hook FormとZodを使ったフォームバリデーションの実践デモ。名前(2文字以上)、メール(有効な形式)、年齢(18~120)の3項目をZodスキーマで検証し、エラーをインライン表示。ダークテーマでスタイリング。

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

コメント

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

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
ホームヘルプ