HTML5模式属性不起作用

Question

我的网页上有一个表单，需要确保用户输入的文本格式正确;但是，当输入错误格式的数据时，似乎没有阻止表单提交。例如，输入需要是格式为HH：MM am / pm的时间，当我在字段中提交值为“a”的表单时，它接受不应该的值。

以下是输入的代码：

<input id='timepicker' class="required" type='text' data-ng-model = "time" name='timepicker' pattern="(1[0-2]|[1-9]):[0-5][0-9](\\s)?(?i)(am|pm)" title="Time in HH:MM am/pm format" required>

非常感谢任何帮助

Answer 1

\s不得转义（不是java），不支持(?i)：

pattern="(1[0-2]|0?[1-9]):[0-5][0-9]\s?[aApP][mM]"