Validación

01 — Utilidad

Las validaciones consisten en comprobar que los datos introducidos por el usuario en un formulario cumplen ciertas reglas y son el primer filtro de seguridad y evitan errores de entrada.

▪ Mejoran la experiencia del usuario.
▪ Previenen errores y envíos de datos incorrectos.
▪ Aumentan la seguridad del sistema.
▪ Permiten realizar acciones automáticas ante datos válidos o inválidos.

02 — Funciones de validación

Son funciones JavaScript que permiten validar diferentes tipos de datos:

▪ Texto (alfabéticos).
▪ Números.
▪ Fechas.
▪ Emails.
▪ Campos requeridos.

03 — Validación de textos

Comprueba que el campo a evaluar contiene solo letras y espacios.

function validarTexto(texto)
{
return /^[a-zA-Z\s]+$/.test(texto);
}

04 — Validación de números

Verifica que solo contiene dígitos.

function validarNumero(valor)
{
return /^\d+$/.test(valor);
}

05 — Validación de fechas

Comprueba que la fecha es válida y se puede interpretar.

function validarFecha(fecha)
{
return !isNaN(Date.parse(fecha));
}

06 — Código de evaluación y ejecución

Se ejecuta al enviar el formulario o al salir de un campo.

let nombre = document.getElementById("nombre").value;

if (!validarTexto(nombre))
{
alert("El nombre solo debe contener letras.");
return false;
}

07 — Verificar formularios

Se usan funciones que validan cada campo.

Si todos los campos son correctos, se permite el envío.

function validarFormulario()
{
return validarTexto(nombre) && validarNumero(edad)
&& validarFecha(fecha);
}

08 — Identificación de datos

Se puede identificar cada tipo de dato con:

▪ Expresiones regulares.
▪ Tipos de entrada HTML (ej: type=»number», type=»email»).
▪ Longitud de texto.

09 — Implementación de verificación

Se asocia a eventos:

onsubmit: antes de enviar el formulario.

onblur: al salir de un campo.

oninput: mientras se escribe.

<form onsubmit="return validarFormulario()">

10 — Comprobación de datos

Se puede mostrar retroalimentación al usuario de distintas maneras:

▪ Mensajes de error en tiempo real
▪ Resaltar campos incorrectos
▪ Habilitar o deshabilitar el botón de enviar

CONCLUSIONES

Validar datos es fundamental para seguridad, usabilidad y control.

Se pueden usar funciones simples y expresiones regulares.

Deben combinarse validaciones en frontend y backend para mayor seguridad.