Validador de IP con Regex en Javascript

Validador de IP con Regex en JavaScript

¿Qué es el Regex de Dirección IP?

Una dirección IP es una cadena única que identifica un dispositivo en una red. Viene en dos formas: IPv4 e IPv6. Validar direcciones IP usando expresiones regulares (regex) en JavaScript ayuda a garantizar entradas precisas y seguras para formularios, APIs y configuraciones.

El regex es especialmente útil en la validación frontend donde prevenir entradas IP mal formadas puede reducir errores de backend y problemas de seguridad.

¿Cuál es el Tamaño en Bits de una Dirección IPv4?

Una dirección IPv4 está compuesta por 32 bits. Estos bits se muestran típicamente como cuatro números decimales (que van de 0 a 255), separados por puntos, por ejemplo, 192.168.0.1. Cada número corresponde a 8 bits, a menudo llamado "octeto", lo que hace que las direcciones IPv4 sean compactas y fáciles de representar en forma de texto. Esta estructura de 32 bits permite aproximadamente 4.300 millones de direcciones únicas, lo que es la razón principal del eventual cambio hacia IPv6 a medida que la internet se expandió.

Patrones Regex para la Validación de Direcciones IP

1. Dirección IPv4

IPv4 consiste en cuatro grupos de 1 a 3 dígitos (0-255), separados por puntos.

Hoja de Referencia de Sintaxis Regex
En las expresiones regulares, ciertos elementos de sintaxis tienen significados específicos. Los corchetes [] se usan para coincidir con cualquier carácter dentro de ellos. El símbolo \d coincide con cualquier dígito único. El símbolo + significa uno o más del elemento anterior, * significa cero o más, y ? indica que el elemento anterior es opcional (cero o una ocurrencia). El símbolo ^ representa el inicio de una cadena, mientras que $ representa el final. Por ejemplo, la expresión (hola)+ coincidiría con la cadena "holaholahola". Si desea coincidir con un punto literal, use \. en lugar de ., que coincide con cualquier carácter.

Patrón Regex (IPv4):

^((25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.){3}(25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)$

Coincidencias: 192.168.1.1, 127.0.0.1, 255.255.255.255

Inválidas: 300.168.1.1, 192.168.1, abcd.123.0.1

2. Dirección IPv6

IPv6 es un formato más largo basado en hexadecimal, típicamente escrito en 8 grupos separados por dos puntos.

Patrón Regex (IPv6 - simplificado):

^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$

Coincidencias: 2001:0db8:85a3:0000:0000:8a2e:0370:7334

Inválidas: 2001:db8:85a3::8a2e:370g:7334

⚠️ Nota: Existen patrones más avanzados para coincidir con abreviaturas IPv6 y formas mixtas; el anterior funciona para el formato completo y expandido.

Cómo Validar una Dirección IP en JavaScript Usando Regex

function isValidIPv4(ip) {
  const ipv4Regex = /^((25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)\.){3}(25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)$/;
  return ipv4Regex.test(ip);
}
function isValidIPv6(ip) {
const ipv6Regex = /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/;
return ipv6Regex.test(ip);
}
// Uso de ejemplo
console.log(isValidIPv4("192.168.0.1"));    // true
console.log(isValidIPv6("2001:0db8:85a3:0000:0000:8a2e:0370:7334")); // true

Casos de Uso

• Formularios Web: Valide entradas de dirección IP antes del envío.

• Aplicaciones de Monitoreo de Red: Coincida con IPs de dispositivos válidas usando el Probador de Regex en JavaScript.

• APIs y Paneles de Administración: Garantice un enrutamiento o configuración backend seguro usando IPs validadas.

• Análisis de Registros: Extraiga direcciones IP de registros de servidor.

Consejos Profesionales

• Siempre use anclajes (^ y $) para asegurarse de que toda la cadena coincida con el patrón.

• IPv6 tiene muchas notaciones abreviadas válidas; si necesita admitirlas, considere usar bibliotecas o regex avanzados.

• Use trim() en las entradas antes de probar para evitar discrepancias por espacios en blanco.

• Para validación masiva o prueba de múltiples formatos, combine esta herramienta con el Probador de Regex en JavaScript.