HTML5模式中的最大数量（不是最大数字）

Question

我想要一个简单的html输入，它通过HTML5验证杂志的版本号（不用担心，无论如何都要重新检查服务器端）。

格式应为EDITIONNUMBER / YEAR。该杂志每月出现一次，因此除了最大数字2（正确的是1/2019和12/2018）之外，它应该有最大数字12（13/2018永远不存在）。所以我的问题不是找出如何设置最大数字，而是HTML5模式中的最大数字。

在/ YYYY之前，一切> = 1且<= 12应该是正确的。

到目前为止，我使用这个，至少检查0/0000或00/0000。在我的情况下，没有必要检查正确的日期格式，因为它也用php checkdate验证，但版本的编号应该在第一步正确。

<input type="text" pattern="[0-9]{1,2}/[0-9]{4}">

有任何想法吗？

Answer 1

您可以尝试使用该模式：

([1-9]|1[0-2])/[0-9]{4}

上述模式使用版本号的替换匹配1-9（在左侧）或10-12（在右侧）。然后可以跟随任何4位数年份。

在你的代码中：

<input type="text" pattern="([1-9]|1[0-2])/[0-9]{4}">