JavaScript 实现 IP 地址合法性及子网信息验证
作者:青柠时间:2026-10-29 09:32:56浏览:187
本文提供一段基于 JavaScript 的前端验证代码,用于检查 IP 地址的合法性,并将 IP 转换为二进制字符串。通过比较 IP 与网关经子网掩码运算后的结果,判断二者是否处于同一网段,适用于前端表单的完整网络信息校验场景。
JavaScript 实现 IP 地址合法性及子网信息验证
这段代码源自实际项目,旨在提供一套较为全面且有效的 IP 相关信息前端验证方案。
/* ****************** */
/* 判断IP地址是否合法 */
var judgeIpIsLegal = function(ipAddr){
var regIps = /^(((25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|[0-9])\.){3}(25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d|[0-9]))$/;
return regIps.test(ipAddr);
}
/* IP地址转换为二进制字符串 */
/* 例如:172.16.4.235 --> 10101100000100000000010011101011 */
var praseIpToBinary = function(ipAddress){
var numArray = ipAddress.split(".");
if(numArray.length != 4){
alert("输入的IP有误");
return;
}
var returnIpStr = "";
for (var i = 0; i < 4; i++) {
var curr_num = numArray[i];
var number_Bin = parseInt(curr_num);
number_Bin = number_Bin.toString(2);
var iCount = 8-number_Bin.length;
for (var j = 0; j < iCount; j++) {
number_Bin = "0"+number_Bin;
}
returnIpStr += number_Bin;
}
return returnIpStr;
}
/* 判断子网掩码是否合法 */
/* 子网掩码必须是 1 和 0组成的连续的一段 如 11110000 */
var judgeSubnetMask = function(ipAddress){
var binaryIpString = praseIpToBinary(ipAddress).toString();
var subIndex = binaryIpString.lastIndexOf("1")+1;
var frontHalf = binaryIpString.substring(0,subIndex);
var backHalf = binaryIpString.substring(subIndex);
if(frontHalf.indexOf("0") != -1 || backHalf.indexOf("1") != -1){
return false;
}else{
return true;
}
}
/* 两个IP地址做 与 操作 返回结果 */
/* 该功能主要用来实现 IP地址和子网掩码 相与,获取当前IP地址的IP地址段 */
/* 以此来验证输入的网关地址是否合法 */
var getIPsAndResult = function(ipAddr1,ipAddr2){
var ipArray1 = ipAddr1.split(".");
var ipArray2 = ipAddr2.split(".");
var returnResult = "";
if(ipArray1.length != 4 || ipArray2.length != 4 ){
alert("输入的IP有误");
return;
}
for (var i = 0; i < 4; i++) {
var number1 = parseInt(ipArray1[i]);
var number2 = parseInt(ipArray2[i]);
returnResult += number1&number2;
if(i<3){
returnResult += ".";
}
}
return returnResult;
}
/* 判断网关地址是否合法 */
var judgeGatewayResult = function(ipAddr,subnetMask,gateway){
var andResult1 = getIPsAndResult(ipAddr,subnetMask);
var andResult2 = getIPsAndResult(gateway,subnetMask);
if(andResult1 == andResult2){
return true;
}else{
return false;
}
}
以上即为本文介绍的全部内容,希望读者能够喜欢。
作者最新文章
ES6模块化中js文件怎么用import和export交互
2026-11-05 17:00:48
JS读取本地文件时报错或无响应的常见原因
2026-11-05 16:32:31
let、const与var的区别:JavaScript变量声明最佳实践
2026-11-05 14:16:38
JS中直接定义静态二维数组的字面量写法
2026-11-05 14:16:08
JS 怎么查找字符串中所有匹配项的位置
2026-11-05 14:15:53
