HTML5模式属性不起作用

Question

I have a form on my webpage that needs to make sure that the text a user is entering is in the proper format; however, it doesn't seem to be preventing the form submission when data of an incorrect format is entered. For example, the input needs to be a time of the format HH:MM am/pm and when I submit the form with a value of "a" in the field, it accepts the value when it shouldn't be.

Below is the code for the input:

<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>

Any help would be greatly appreciated

Answer 1

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

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