El formulario: promesa al usuario y filtro al sistema
Un buen formulario hace dos cosas: ayuda al usuario a escribir bien (avisándole a tiempo) y protege al sistema de datos basura. Para dirigir a la IA aquí, tu trabajo es escribir la lista de reglas: qué campo es obligatorio, qué formato debe tener, qué error mostrar. La sintaxis la pone ella; el criterio es tuyo.
Las dos capas de la validación
[Del navegador al servidor]
Esta actividad interactiva ('Explicacion visual') requiere el motor completo de Lumbre. El contenido estatico se muestra arriba; para la experiencia interactiva, visita la version online de este objeto.
Escribe las reglas, no el código
| Campo | Regla (escrita por ti) | Mensaje de error |
|---|---|---|
| Correo | obligatorio, con formato valido@algo | «Escribe un correo válido» |
| Teléfono | opcional, 7 a 15 dígitos | «El teléfono debe tener entre 7 y 15 dígitos» |
| Contraseña | mínimo 8 caracteres | «La contraseña debe tener al menos 8 caracteres» |
| Edad | número entre 1 y 120 | «Indica una edad real» |
Prompt de validación
Crea el formulario de registro con estas reglas y aplícalas en el navegador Y en el servidor:\n- correo: obligatorio, formato valido@dominio. Error: "escribe un correo valido".\n- contrasena: minimo 8 caracteres. Error: "minimo 8 caracteres".\n- telefono: opcional, 7 a 15 digitos.\n\nMuestra el error bajo cada campo, no en un alert. No guardes nada si el servidor rechaza algun campo. No confíes en que el navegador ya validó.Prueba
Tu formulario exige correo válido, pero alguien envía un correo mal formado directo a la API, sin pasar por la página, y se guarda. ¿Qué falló?
Validar solo en el navegador es suficiente para proteger la base de datos.
Detecta el formulario inseguro
Le pidieron a una IA un formulario de alta y revisas su resumen de comportamiento. Señala la decisión peligrosa:
- Muestra el error de formato bajo cada campo mientras se escribe.
- Guarda el registro si el navegador reportó todo válido, sin revisar otra vez en el servidor.
- Limita la contraseña a un mínimo de 8 caracteres.
- Devuelve el mismo error claro cuando el correo llega mal desde la API.
Identifica la linea con error.
Toma un formulario de tu proyecto y escribe sus reglas en la tabla de tres columnas (campo, regla, mensaje). Pídele a la IA que valide en las dos capas exactamente así.