HH:MM Time format RegEx inside array

Question

I'm using some masked input plugin, which supports mask as the RegEx array. In my case, I want to validate 24h time format (hh:mm). I'm using now RegEx like this:

[/^([0-2])/, /([0-9])/, ':', /[0-5]/, /[0-9]/]

First 2 array elements represents hours

/^([0-2])/, /([0-9])/

Any suggestions how to validate second hour digit? Cause now 25:00 is valid but shouldn't. Need somehow to check first number and if it's 2 - replace [0-9] with [0-3].

@Kobe no, cause on my case I need to split each character into separate array element — demkovych, Dec 06 '19 at 10:18
That plugin only allows a regex to restrict a single char only, not the whole input. Use some other validation feature. Say, on-submit validation, `pattern="(?:0?[0-9]|1[0-9]|2[0-3]):[0-5][0-9]"` — Wiktor Stribiżew, Dec 06 '19 at 10:19
Then regex isn't the solution. Try using normal javascript to validate the input. You can't use this plugin since the 2nd regex is dependant on the first. — Kobe, Dec 06 '19 at 10:19
@Satif how is that helping me to visualise this? Show an actual example of your array. I answered using my imagination — mplungjan, Dec 06 '19 at 10:29
@mplungjan ^([0-2])([0-9]):[0-5][0-9] . The ([0-9]) should somehow check previous number — demkovych, Dec 06 '19 at 10:30
@mplungjan I think in the end plugin join all array elements into one string — demkovych, Dec 06 '19 at 10:30
https://github.com/sanniassin/react-input-mask/issues/75#issuecomment-290718783 & https://github.com/sanniassin/react-input-mask/issues/178#issuecomment-553922142 — Fraction, Dec 06 '19 at 10:39

mplungjan · Answer 1 · 2019-12-06T10:49:00.213

0

Something like this would be more flexible

const arr = ["07:00", "25:05", "23:59", "00:00"];
const valid = arr.filter(t => {
  const parts = [hh, mm] = t.split(":");
  return !isNaN(hh) && +hh >= 0 && +hh < 24 && !isNaN(mm) && +mm >= 0 && +mm < 60;
});
console.log(valid.length, arr.length, valid.length === arr.length)

edited Dec 06 '19 at 10:49

answered Dec 06 '19 at 10:28

mplungjan

155,085
27
166
222

HH:MM Time format RegEx inside array

1 Answers1