How give pattern HTML input type?

Question

i validation form like this:

cannot give comma
cannot give minus(-)
cannot give 0 number
cannot give blank number
cannot give dot(.) character

this is my code:

<input type="number" required min="1" step="1" pattern="^(\d+\.)?\d+$" />

how pattern to prevent that?

Michał Woliński · Accepted Answer · 2016-04-04 10:14:52Z

1

From what I checked, it seems that it may depend on browser. With following pattern, Chrome allows numbers only, Firefox marks numbers with coma or dot as invalid and IE allows [a-z] as well.

^([1-9]|\.|\,)+([0-9])*(\.|\,)?([0-9])*$

I would add onchange event and set it up with javascript, because I can't see pattern, which will allow/disallow 0 based on first character and will remove browsers differences. 0,1 is still number.

edited Apr 4, 2016 at 10:14

answered Apr 4, 2016 at 9:48

Michał Woliński

3462 silver badges13 bronze badges

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

3 Comments

unknown Over a year ago

how to prevent this type like this 000,001.

Michał Woliński Over a year ago

So you can, but don't want be able to type those?

Michał Woliński Over a year ago

<input type="text" required="required" pattern="^((([1-9])+(\.|\,)?([0-9])*)|(0(\.|,)[0-9]+))$" /> — but this works only on FireFox. If I change type to text, Chrome allows a-z.

Collectives™ on Stack Overflow

How give pattern HTML input type?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related