如何在jQuery中检查IP地址的验证

如何在jQuery中检查IP地址的验证

在这篇文章中,我们将发现如何使用jQuery来验证IP地址。

IP地址:每台连接到互联网的计算机都可以通过一个独特的字符串来识别,这被称为其互联网协议(IP)地址。它由四个数字组成(每个数字介于0和255之间),并由圆点分隔。IP地址的格式可以写成由点分隔的四个十进制数字,每个数字可以从0到255写。一个有效的IP地址的例子如下。

  • 255.255.11.135
  • 110.234.52.124

我们可以使用regex(正则表达式)轻松检查IP地址是否有效。让我们举一个例子来了解它是如何工作的。现在让我们首先讨论一下如何使用正则表达式来验证IP地址。用于验证IP地址的正则表达式,特别是ip4地址,如下所示。

^(([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])$
  • 在上述表达中,[0-9]表示从0到9的任何数字。
  • |表示条件性的”或”。
  • [1-9][0-9]表示从10到99的任何数字。
  • 1[0-9]{2}表示1[0-9][0-9],表示从100到199开始的任何数字。
  • 2[0-4][0-9]表示从200到249开始的任何数字。
  • 25[0-5]表示从250到255开始的任何数字。
  • {3}表示该模式出现三次。

示例:

<!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>

输出:在输入有效和无效的IP地址时,会显示以下结果。

如何在jQuery中检查IP地址的验证?

IP地址验证输出

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程