Profe Johnny
Manual · Tema 10 de 12

Formularios y validación con JS

Leer datos de un formulario y validarlos antes de enviarlos.

Para leer el valor de un campo se usa input.value. Escuchando el evento submit del formulario (con preventDefault()) se puede validar todo antes de procesar los datos.

Validaciones comunes en JS: verificar que un campo no esté vacío (valor.trim() === ''), que un correo tenga formato válido (con una expresión regular simple), o que dos campos de contraseña coincidan.

Es buena práctica mostrar mensajes de error claros junto al campo específico, en vez de una sola alerta genérica, para guiar mejor al usuario.

Ejemplo — pruébalo tú mismo

formularios-validacion.js
Ponlo a prueba: Valida que un campo de edad no esté vacío y que sea un número mayor a 0.