IP地址验证

JavaScript：HTML表单——IP地址验证

IP地址验证

每台连接到互联网的计算机均由一个唯一的四段式字符串标识，称为互联网协议（IP）地址。IP地址由四个数字组成（每个数字介于0至255之间），以句点分隔。其格式为32位数值地址，表示为四个用句点分隔的十进制数（称为八位组），每个数字的取值范围为0到255（例如从0.0.0.0到255.255.255.255）。

有效IP地址示例

115.42.150.37
192.168.0.1
110.234.52.124

无效IP地址示例

210.110 - 必须包含4个八位组
255 – 必须包含4个字节
y.y.y.y – 仅允许数字字符
255.0.0.y - 仅允许数字
666.10.10.20 - 数值须在[0-255]区间
4444.11.11.11 - 数字须在[0-255]区间内
33.3333.33.3 - 数值须在[0-255]范围内

验证IP地址的JavaScript代码

function ValidateIPaddress(ipaddress) 
{
 if (/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(myForm.emailAddr.value))
  {
    return (true)
  }
alert("You have entered an invalid IP address!")
return (false)
}

执行一下

所述正则表达式（IP地址）的解析说明

正则表达式模式：

/^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/

执行一下

Character	详细说明
/ .. /	所有正则表达式均以正斜杠开头和结尾。
^	匹配字符串或行的开头。
25[0-5]	匹配250或251或252或253或254或255。
\|	or
2[0-4][0-9]	以2开头，后跟一个0-4之间的单个字符，再跟一个0-9之间的单个字符。
\|	or
[01]
?	匹配前一个字符0次或1次。
[0-9][0-9]	匹配一个介于0-9之间的单个字符，再匹配另一个介于0-9之间的单个字符。
?	匹配前一个字符0次或1次。
\.	精准匹配字符"."的字面值。

注意：正则表达式的最后两部分与上文类似。

语法图示 - IP地址验证：

在HTML表单中应用上述JavaScript函数。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript form validation - checking IP address/title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input an IP address and Submit</h2>
<form name="form1" action="#"> 
<ul>
<li><input type='text' name='text1'/></li>
<li>&nbsp;</li>
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="ValidateIPaddress(document.form1.text1)"/></li>
<li>&nbsp;</li>
</ul>
</form>
</div>
<script src="ipaddress-validation.js"></script>
</body>
</html>

执行一下

JavaScript代码

function ValidateIPaddress(inputText)
 {
 var ipformat = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
 if(inputText.value.match(ipformat))
 {
 document.form1.text1.focus();
 return true;
 }
 else
 {
 alert("You have entered an invalid IP address!");
 document.form1.text1.focus();return false;
 }
 }

执行一下

Flowchart:

CSS代码

li {list-style-type: none;
font-size: 16pt;
}
.mail {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
background : #D8F1F8;
border: 1px soild silver;
}
.mail h2 {
margin-left: 38px;
}
input {
font-size: 20pt;
}
input:focus, textarea:focus{
background-color: lightyellow;
}
input submit {
font-size: 12pt;
}
.rq {
color: #FF0000;
font-size: 10pt;
}

执行一下

在浏览器中查看JavaScript IP地址验证

file_download从此处下载验证码。

其他JavaScript验证：

上一篇：JavaScript：HTML表单验证——密码检查
下一篇：JavaScript Cookie

JavaScript

JavaScript 入门教程

IP地址验证

JavaScript：HTML表单——IP地址验证

IP地址验证