← Lumbre

Desarrollo de Software con IA Formularios que no mienten: validación del lado del usuario y del servidor

Portada de Formularios que no mienten: validación del lado del usuario y del servidor

Formularios que no mienten: validación del lado del usuario y del servidor

✦ El formulario es donde el usuario entrega datos… y donde entran los problemas · Desarrollo de Software con IA · en menos de 7 minutos

Roadwise Consulting

Contenido modificado tras su publicación

Objetivo: Especificar reglas de validación y entender por qué la del navegador no basta.

7 min Desarrollo de Software con IA 15–99 años
Modo PPTX
Más
Formularios que no mienten: validación del lado del usuario y del servidor

Herramientas de la lección

Sorpréndeme

Sobre este contenido

Ir a

Volver a Módulo 6 · Frontend sin programar Cursos Explorar Mi cuenta Salir del modo estudio

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

  1. Capa 1 · Navegador (experiencia)

    Avisa al vuelo: «te falta el correo». Rápida y amable, pero fácil de saltar.

  2. Capa 2 · Servidor (seguridad)

    Revalida TODO antes de guardar. Esta es la que de verdad protege los datos.

  3. El punto clave

    La del navegador es comodidad; la del servidor es obligación. Falta una de las dos y el formulario miente.

Escribe las reglas, no el código

Estas tres columnas son tu especificación; pégalas en el prompt tal cual.
CampoRegla (escrita por ti)Mensaje de error
Correoobligatorio, con formato valido@algo«Escribe un correo válido»
Teléfonoopcional, 7 a 15 dígitos«El teléfono debe tener entre 7 y 15 dígitos»
Contraseñamínimo 8 caracteres«La contraseña debe tener al menos 8 caracteres»
Edadnúmero entre 1 y 120«Indica una edad real»

Prompt de validación

Pedir doble validación

texto
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ó.
Obligas a la IA a validar en las dos capas y a definir el mensaje. Quitas ambigüedad y dejas la puerta cerrada por dentro.

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:

Marca la línea o las líneas con error y pulsa Comprobar.

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í.

Si una regla no puedes escribirla en una frase, no puedes exigir que la IA la cumpla.

Tu texto se guarda sólo en este dispositivo.

Las respuestas y tu progreso se guardan sólo en este dispositivo. Contenido firmado por su autoría mediante Lumbre.
Más sobre esta lección

Comentarios

Inicia sesión para comentar.

Todavía no hay comentarios. Sé la primera persona en opinar.