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

Inicioヘルプ