<!DOCTYPE html>
<html>
<head>
<title>Validar una dirección IP</title>
<meta charset="utf-8">
<script>
/**
* Función para validar una dirección ip
* @param idElement
*/
const validateIp = idElement => {
const element=document.getElementById(idElement);
// Patron para validar la ip
const patronIp=new RegExp(/^(([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])$/gm);
if (element.value.search(patronIp)==0) {
// Ip correcta
element.style.color="#000";
} else {
// Ip incorrecta
element.style.color="#f00";
}
}
window.onload = () => {
document.getElementById("idIP").addEventListener("keyup", e => {
validateIp("idIP")
});
}
</script>
</head>
<body>
<h1>Validar una dirección IP</h1>
<p>Código javascript que muestra como validar una dirección IP introducida en un formulario</p>
<p>Introduce una dirección IP: <input type='text' id='idIP' name='ip' class='' value="" size='20' maxlength='15' title='Dirección IP'></p>
</body>
</html>
Comentarios sobre la versión: Versión 2 (0)
No hay comentarios