使用掩码验证 IP 的 HTML5 模式

Question

我正在尝试为输入文本创建一个 HTML5 模式，其中包含 IP 地址和掩码，如下所示：

10.120.15.30/28 或 172.181.30.0/24

我在http://html5pattern.com/Miscs找到了一种 html5 模式，但仅适用于没有掩码的 IPv4

((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$

我之前尝试添加

    (\/).((([0-2])|(0-9))|(3[1-2])) 

但不工作。有任何想法吗？

Answer 1

((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}/(?:\d|[12]\d|3[01])$

演示。

我只是添加/(?:\d|[12]\d|3[01])到您提供的模式中：

/          // match a slash
(?:        // then match either one of
    \d     // a single digit
|
    [12]\d // any number from 10 to 29
|
    3[01]  // 30 or 31
)