React Hook Form + Zod: prompt de validación generado con IA
VISTA DE CÓDIGO
エディタを読み込み中…
P
Prompt
Create a React component that uses React Hook Form with Zod schema validation. Include a simple form with fields: email (required, valid email), password (required, min 6 characters), age (optional, number min 0). Show error messages below each field and disable the submit button while submitting. Use TypeScript.
このデモでは React Hook Form と Zod を組み合わせて型安全なフォーム検証を実現します。スキーマで email、password、age フィールドのルールを定義。エラーメッセージはリアルタイム表示、送信ボタンは送信中に無効化されます。モダンな React フォームのクリーンなパターンです。
Resumen del prompt
En esta demostración, combinamos React Hook Form y Zod para lograr una validación de formularios con seguridad de tipos. Se definen reglas para los campos email, password y age mediante un esquema. Los mensajes de error se muestran en tiempo real, y el botón de envío se desactiva durante el proceso de envío. Es un patrón limpio para formularios modernos en React.
¿Te resultó útil este prompt?
Comentarios
Los comentarios aparecen después de la moderación
この記事が役に立ったら投げ銭で応援
Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済
開発者が選ぶ最強ツール集
運営者が毎日使っているツール・ガジェット 6選