使用掩码验证 IP 的 HTML5 模式

Question

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

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])$

Demo.

我只是在您提供的模式中添加了/(?:\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
)