Html pattern for a specific pattern

user_8370957 0
Viewed 66

I have to try to write a pattern that accepts a character in the form of S0000/0000/0000 or P0000/0000/0000 Where 0 is any number

This is what I have a try

  <input class="form-control" type="text" pattern="^\d{5}/\d{4}/\d{4}$" name="index_no" required>

But that pattern it only accepts 5 digits / 4 digits / 4 digits what I need is S0000/0000/0000 OR P0000/0000/0000

html regex
3 Answers

Sorry I misunderstood your requirement initially, please try this edited HTML

<input class="form-control" type="text" pattern="S\d\d\d\d/\d\d\d\d/\d\d\d\d|P\d\d\d\d/\d\d\d\d/\d\d\d\d" name="index_no" required>
user_63607430

Use \ to escape special characters in html. Try this,

pattern="[SP]\d{4}\/\d{4}\/\d{4}"

You can test for correctness of regex expressions in this tester site

user_96578810

Use

pattern="[SP]\d{4}/\d{4}/\d{4}"

You need no ^ and $ as the entire string should match pattern regex.

No need to escape / characters in a string regex.

user_113298900
Related