Saltar al contenido
Cursos/Crea webs profesionales con IA desde cero/Crea formularios con validación y estados
Revisión pendiente desde 21 ago 20263 fuentes primarias

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.

Qué vas a conseguir ahora

Una decisión o prueba aplicada a «Crea formularios con validación y estados».

  1. 1Entiende el criterio
  2. 2Haz una práctica pequeña
  3. 3Guarda una evidencia
Evidencia

Una nota breve con qué hiciste, qué salió bien, qué falló y qué revisarías después.

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

Si has guardado la evidencia de esta lección, continúa con «Guarda contactos en Supabase con RLS». Si no, repite la comprobación antes de avanzar.

Mapa completo de AulafyConsulta cómo encaja esta lección sin salir de tu ruta.

Mapa completo de Aulafy

Cómo se relacionan todos los cursos

No es una lista que debas completar. Empieza por la base, elige un resultado y profundiza solo cuando tu proyecto necesite más control.

  1. 1Comprender
  2. 2Aplicar o construir
  3. 3Operar con confianza
01

Empieza aquí

Crea una base común: qué puede hacer la IA, cómo pedir resultados y cómo comprobarlos antes de especializarte.

Desde esta base puedes aplicar la IA a una tarea o aprender a construir con código.

02

Elige una aplicación

Convierte la base en un resultado visible: una web, una mejora de negocio, contenido o una experiencia interactiva.

Si necesitas mantener código, datos o infraestructura, continúa por la rama técnica.

03

Construye con código

Prepara el entorno, trabaja con agentes de programación y aprende a ejecutar modelos con control sobre tus proyectos.

Esta rama prepara los conocimientos necesarios para diseñar y operar sistemas de IA fiables.

04

Lleva sistemas a producción

Combina recuperación, agentes, evaluación, seguridad, despliegue y adaptación de modelos cuando el problema lo exija.

No es obligatorio completarlo todo: elige solo la pieza que tu sistema necesita y vuelve al mapa cuando crezca.

Ver catálogo completo