HTML5 pattern attribute not working

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

Casimir et Hippolyte · Accepted Answer · 2015-04-02 17:18:49Z

1

\s must not be escaped (it's not java), (?i) is not supported:

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

answered Apr 2, 2015 at 17:18

Casimir et Hippolyte

90k5 gold badges102 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML5 pattern attribute not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related