使用JavaScript编程: 创建自定义函数判断某从表单输入的字符串是否是合法的IP地址

使用JavaScript编程:
创建自定义函数判断某从表单输入的字符串是否是合法的IP地址，合法的IP地址符合这样的特征：202.115.12.4，即由圆点.分割为四个部分，每个部分均为数字，大于等于0且小于等于255。

原本php还可以运行 在html上就出不来了

img

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 使用JavaScript编程: 创建自定义函数判断某从表单输入的字符串是否是合法的IP地址 -->
    <!-- 使用JavaScript编程:
    创建自定义函数判断某从表单输入的字符串是否是合法的IP地址，合法的IP地址符合这样的特征：202.115.12.4，即由圆点.分割为四个部分，每个部分均为数字，大于等于0且小于等于255。 -->

    <input type="text" value="" id="urlVal" placeholder="请输入IP地址">

    <script>
        const urlEle = document.querySelector("#urlVal");
        urlEle.addEventListener("change", function () {
            let value = urlEle.value;
            if (testIPReg(value)) {
                alert(`IP:${value}合法`)
            } else {
                alert("请输入合法的IP")
                urlEle.value = ""
            }

        })
        function testIPReg(reg) {
            const ipReg = /((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}/g;
            const result = ipReg.test(reg)
            return result
        }
    </script>

</body>

</html>

以下是使用JavaScript编写的自定义函数，用于验证从表单输入的字符串是否是合法的IP地址：

function validateIPaddress(ipaddress) {
  // 正则表达式，匹配合法的IP地址格式
  const regex = /^([0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.([0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.([0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])\.([0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])$/;
  
  // 使用正则表达式测试输入的IP地址
  if (regex.test(ipaddress)) {
    return true;
  } else {
    return false;
  }
}

该函数使用正则表达式来匹配合法的IP地址格式。如果输入的IP地址格式合法，则返回true，否则返回false。您可以使用此函数来验证用户在表单中输入的IP地址是否合法。示例代码：

// 获取表单输入的IP地址
const ipaddress = document.getElementById('ipaddress-input').value;

// 验证IP地址是否合法
const is_valid = validateIPaddress(ipaddress);

if (is_valid) {
  console.log('IP地址合法');
} else {
  console.log('IP地址不合法');
}

在此示例中，我们获取了表单输入的IP地址，并使用validateIPaddress函数来验证该地址是否合法。如果地址合法，则输出“IP地址合法”，否则输出“IP地址不合法”。