html - 无法使正则表达式对 HTML 模式属性起作用

Question

我的正则表达式在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以及范围数字。

标签： htmlregexpattern-matching

Answer 1

该pattern属性必须匹配整个输入。

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

第一种替代方法要求1-4a 之前至少有一个数字，第二种方法要求a 之后0至少有一个数字。然后重复它以允许多个。1-40+0

演示