Question

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

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

所有> = 1和<= 12都应在/ YYYY之前正确。

到目前为止，我使用了这个，至少检查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}">