Подтвердите европейскую цену, разделенную запятыми, в форме html с помощью REGEX

Question

У меня есть форма html, в которой пользователи могут ввести цену. Разрешено должно быть:

XX, XX

(X = di git)

Таким образом, это должно быть разрешено только с двумя цифрами до и двумя цифрами после запятой.

Я пробовал:

<input type="number" min="0" step="0.05" id="test" required>

Проблема 1: Он принимает четные значения, разделенные точкой.

Проблема 2: Он принимает более длинные и более короткие значения.

Думаю, мне нужно значение шаблона REGEX в поле ввода, например:

pattern="^([1-9][1-9])(,[1-9][1-9])*$"

Есть подсказки?

Answer 1

Класс символов [1-9] не соответствует нулю, и эта часть шаблона (,[1-9][1-9])* будет повторять 0 или более раз запятую, за которой следуют еще 2 цифры 1-9.

В этом случае, минимум 11 без запятой, например 11,11,11,11 также будет допустимым значением.

Атрибут шаблона уже закреплен, код может выглядеть как

<input type="text" pattern="\d{2},\d{2}" id="test" required>