Не удается заставить регулярное выражение работать с атрибутом HTML шаблона

Question

My regex отлично работает на regex101 , а мое регулярное выражение

[1-4]|(0)

Но когда я попробовал его на атрибуте элемента ввода HTML, он не работать как положено. Мой HTML выглядит так, как показано ниже

<form action="/">
     <input type="text" id="usernum" name="usernum" pattern="[1-4]|(0)" title="1-4 and must include at leat one 0">
     <input type="submit">
</form>

Я хочу, чтобы пользователи вводили один 0 вместе с диапазонами di git.

Answer 1

Атрибут pattern должен соответствовать всему вводу.

([1-4]+0[0-4]*|[0-4]*0[1-4]+)+

Первая альтернатива требует как минимум одного di git 1-4 перед 0, вторая требует как минимум одного di git 1-4 после 0. Затем повторите это с +, чтобы разрешить более одного 0.

DEMO