En este artículo, encontraremos cómo validar la dirección IP usando jQuery.
Dirección IP: Cada computadora conectada a Internet es identificable por una string única, que se conoce como su dirección de Protocolo de Internet (IP). Consta de cuatro números (cada uno entre 0 y 255) separados por puntos. El formato de una dirección IP se puede escribir como cuatro números decimales separados por puntos, cada número se puede escribir de 0 a 255. Un ejemplo de dirección IP válida es el siguiente.
- 255.255.11.135
- 110.234.52.124
Podemos verificar si la dirección IP es válida o no usando regex (expresión regular) fácilmente. Tomemos un ejemplo para entender cómo funciona. Ahora analicemos primero cómo se pueden usar las expresiones regulares para validar las direcciones IP. La expresión regular que se usaría para verificar la dirección IP, específicamente la dirección ip4, es la siguiente.
^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\ .){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5 ps
- En la expresión anterior [0-9] indica cualquier número del 0 al 9.
- | indica condicional “ o “.
- [1-9][0-9] indica cualquier número del 10 al 99.
- 1[0-9]{2} significa 1[0-9][0-9] que indica cualquier número a partir de 100 a 199.
- 2[0-4][0-9] indica cualquier número a partir de 200 a 249.
- 25[0-5] indica cualquier número a partir de 250 a 255.
- {3} indica que el patrón ocurre tres veces.
Ejemplo:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="stylesheet"
href=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"/>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
<script src=
"https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js">
</script>
</head>
<body style="text-align: center">
<h2>Jquery IP Address Checker</h2>
<div>
<div class="form-group row">
<label for="inputPassword"
class="col-sm-2 col-form-label">
Enter IP Address:
</label>
<div class="col-sm-8">
<input
type="text"
class="form-control"
id="ip"
name="ip"
placeholder="IP Address"
/>
</div>
</div>
<button type="submit" id="submit"
class="btn btn-primary">
Submit
</button>
<p style="color: green" id="demo"></p>
</div>
<script>
$(document).ready(function () {
$("#submit").click(function (value) {
// Using Regex expression for validating IPv4
var ipaddress =
/^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/;
var content = $("#ip").val();
if (ipaddress.test(content)) {
$("#demo").html("Ipaddress is Valid");
} else {
$("#demo").html("Ipaddress is invalid");
}
});
});
</script>
</body>
</html>
Salida: El siguiente resultado se muestra al ingresar una dirección IP válida e inválida.
Salida de validación de dirección IP