Saltar al contenido
Cursos/Crea webs profesionales con IA desde cero/Crea formularios con validación y estados

Crea formularios con validación y estados

Recoge únicamente la información necesaria y responde bien ante datos inválidos, fallos de red o envíos repetidos.

Lección 15 de 4775 min Construcción profesional Codex + GPT-5.6 Sol

Resultado visible

Crearás un formulario que recoge el mínimo de datos, valida en cliente y servidor, evita duplicados y explica el siguiente paso.

Contrato del formulario

CampoNecesidadReglaRetención
Nombrepoder dirigirse a la persona2–80 caracteressegún política
Emailresponderformato y longitudsegún política
Mensajeconocer la consulta20–2000 caracteressegún política

No recojas información sanitaria, expedientes jurídicos, contraseñas o documentos en un contacto general. La validación del navegador mejora experiencia; la del servidor protege el sistema. Necesitas ambas.

Prompt

Implementa el formulario definido en BRIEF.md. Usa etiquetas visibles,
ayuda y errores asociados. Valida también en servidor con un esquema único.
Añade protección contra doble envío, honeypot o límite razonable, estados
de éxito/fallo y un identificador de solicitud. No registres el contenido
completo ni datos personales en consola. Escribe pruebas para válido,
inválido, duplicado y fallo del servicio. No conectes producción todavía.

Prueba manual

Prueba vacío, espacios, email mal formado, caracteres internacionales, texto demasiado largo, doble clic, conexión lenta y servidor caído. El mensaje nunca debe perderse silenciosamente.

Fuentes oficiales