HTML5 pattern matching

Question

Is it possible to make some kind of pattern matching with html5 to only allow 3-digit numbers to a text form. I do not want the input type to be number because I dont like the visual design of it.

The closest I get is pattern=".{0.3}" But that accepts all kind of text input - not limited to numbers.

<input type="text" name="price" id="price" pattern="fancy code here">

Question: Can you make a pattern in input type="text" that accepts only integers in the max length of 3?

If pattern accepts regexes, how about just pattern="\d{3}"? — user1019830
– user1019830, Commented Nov 28, 2013 at 17:02
Great, pattern="\d{0,3}" was what I was looking for. Thanks! — Isbister
– Isbister, Commented Nov 28, 2013 at 17:04
My regex does not allow empty strings, hence the {3} criteria. Your regex accepts digits of length 0, 1, 2 or 3. — user1019830
– user1019830, Commented Nov 28, 2013 at 17:06
Yeah but if i leave it empty as null I can still send that data. I want like a not null check within the regex. Its a form that sends to a database. — Isbister
– Isbister, Commented Nov 28, 2013 at 17:14

Stephan · Accepted Answer · 2013-12-03 23:00:00Z

1

Use this pattern:

\d{1,3}

and the required attribute

answered Dec 3, 2013 at 23:00

Stephan

43.2k69 gold badges245 silver badges342 bronze badges

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

Collectives™ on Stack Overflow

HTML5 pattern matching

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