Максимальное число (не максимальное количество цифр) в шаблоне HTML5

Question

Я хотел бы иметь простой ввод html, который проверяет номер издания журнала через HTML5 (не волнуйтесь, он все равно перепроверяется на стороне сервера).

Формат должен быть EditionNumber / год .Журнал появляется ежемесячно , поэтому, кроме максимального числа 2 (правильное значение - 1/2019 и 12/2018), его максимальное число должно быть 12 (13/2018 никогда не существует).Поэтому моя проблема в не , чтобы выяснить, как установить максимальное число цифр, но максимальное число в шаблоне для HTML5.

Все> = 1 и <= 12 должны быть правильными до /YYYY.</strong>

Пока я использую этот, который по крайней мере проверяет на 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 (справа)боковая сторона).Затем может следовать любой год из четырех цифр.

В вашем коде:

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