Regex for checking a particular string using react and javascript?

Question

I want a regex to test if the value entered in the input field matches using Javascript.

If user enters input say 20h or 20m the error message shouldn't be displayed. Also, when user inputs 20.0h or 20.0m, the error message shouldn't be displayed.

If user inputs only 20 with no units (h or m), then the error message should be displayed.

Basically, the input field should validate if the value has number followed by h or m.

I have tried the pattern like below,

const input = '20.0h';
const isValid = /^[0-9]+(h|m)$/.test(input);

This doesn't work for input with floating integers.

I am not knowing how to rewrite the regex to check for input like 20.0 or 30.0 or 4.0 .

Could someone help me with this? Thanks.

https://stackoverflow.com/questions/12117024/decimal-number-regular-expression-where-digit-after-decimal-is-optional — epascarello, Oct 07 '20 at 21:03

score 0 · Accepted Answer · answered Oct 07 '20 at 21:05

0

I think this is what you want ^\d+\.?\d+(h|m)$

answered Oct 07 '20 at 21:05

SillyCoon

89
6

score 0 · Answer 2 · answered Oct 07 '20 at 21:05

0

try /^[\d.]+?[hm]$/

(20.h will also work, if that ok with you)

answered Oct 07 '20 at 21:05

ינון רחמים

566
1
5
12

score 0 · Answer 3 · answered Oct 07 '20 at 21:05

0

I tested this on https://regex101.com/ and it seemed to be working for what you need!

/^\d*\.?\d*+(h|m)$/.test(input)

answered Oct 07 '20 at 21:05

Nathan Walsh

358
2
4

Regex for checking a particular string using react and javascript?

3 Answers3