GifproGifpro

React Hook Form + Zod: ejemplo de validación generado con IA

VISTA DE CÓDIGO

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

Prompt

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スキーマで検証し、エラーをインライン表示。ダークテーマでスタイリング。

Resumen del prompt

Demostración práctica de validación de formularios con React Hook Form y Zod. Se validan tres campos (nombre - mínimo 2 caracteres, correo electrónico - formato válido, edad - entre 18 y 120) mediante el esquema de Zod, mostrando errores en línea. Estilizado con tema oscuro.

¿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選

見る
Inicioヘルプ