html5 input[type=number] two decimal points

Question

G'day

I am wanting to use input[type=number] to allow 2 decimal points for input of a version number. A version number could be formatted like any one of the following; 2, 1.4, 1.0.2.

There is a similar question that resolves this for one decimal point by setting step=any. (Please take note of point not meaning the same as place)

Will I have to roll my own with javascript..

function isVersion( ver ) {
    if(!isNaN( ver ))
        return true
    else
        return !isNaN( ver.replace(/\./g, "") );
} 
console.log( isVersion( '1.3.5' ) );

stackoverflow.com/questions/19011861/… should help

GillesC
– GillesC

2015-05-05 09:18:17 +00:00
Commented May 5, 2015 at 9:18 — GillesC
– GillesC, Commented May 5, 2015 at 9:18

Leo · Accepted Answer · 2015-05-05 15:50:03Z

2

No, you can't do this with input[type=number]. Version numbers like 1.0.2 are not mathematically legal.

However, you can use input[type=text] and define a proper regular expression as its pattern attribute.

For example this one matches semantic versioning numbers:

<input type="text" pattern="\d+\.\d+\.\d+">

answered May 5, 2015 at 15:50

Leo

13.9k5 gold badges47 silver badges64 bronze badges

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

1 Comment

Colin Palmer Over a year ago

Thank you, perfect answer, the pattern I'm using is "(\d+\.\d+\.\d+)|(\d+\.\d+)|(\d+)"

Collectives™ on Stack Overflow

html5 input[type=number] two decimal points

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related