使用掩码验证 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[012])$

演示。

我只是将

/(?:\d|[12]\d|3[012])

添加到您提供的模式中：

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