Generador de Validación
Genere un esquema Yup o Zod
Campos
Esquema de validación
Elija Yup o Zod, añada sus campos y pulse «Generar»: el esquema aparecerá aquí.
Acerca de la herramienta
Esta herramienta escribe el esquema de validación de un formulario con Zod o Yup, dos de las bibliotecas de validación más usadas en TypeScript. Te ahorra volver a teclear las mismas reglas en cada formulario de registro, contacto o pago, y te da un punto de partida limpio para completar en tu proyecto React, Next.js o Node.
Cada campo tiene un nombre y un tipo: texto, número, booleano, fecha, URL o email. Puedes marcarlo como requerido y fijar un mínimo y un máximo, que se aplican a la longitud en los textos y al valor en los números. El código generado incluye el import, el objeto schema y el tipo Schema deducido con z.infer o yup.InferType.
Cómo usarla
- Elige Yup o Zod en «Seleccionar Biblioteca».
- Pulsa «Agregar Campo» y rellena «Nombre del Campo» y «Tipo de Campo».
- Marca «Requerido», «Mínimo» o «Máximo» según tus reglas e indica los valores.
- Pulsa «Generar Esquema» y después «Copiar» para llevarte el código.
Preguntas frecuentes
¿Mínimo y Máximo se aplican a todos los tipos?
No. En textos, URL y emails limitan la longitud; en números acotan el valor. Se ignoran en booleanos y fechas. La herramienta también avisa si el mínimo es mayor que el máximo.
¿Cómo se tratan los campos no requeridos?
Con Zod, un campo sin «Requerido» recibe .optional(); con Yup, solo los campos requeridos reciben .required(), porque Yup los considera opcionales por defecto. Las fechas usan z.coerce.date() en Zod, que también acepta una cadena de fecha.
¿El esquema lo genera una IA?
No. El código se construye directamente a partir de los campos introducidos con reglas fijas: el mismo formulario siempre da el mismo esquema. La generación se hace en tu navegador, sin llamadas a un servidor.
¿Puedo obtener el tipo TypeScript del formulario?
Sí. El código termina con export type Schema, deducido del esquema con z.infer para Zod o yup.InferType para Yup. Así puedes tipar los valores del formulario sin escribir la interfaz a mano.