Input with invalid entry

1theritzy · 2024-08-28T19:57:12.440Z

When using an input that has a min and max range and an “invalid” condition to change the border color to red when the input is less than the min, the invalid is activated as soon as a user starts typing an entry. So a valid entry of ‘2000’ shows invalid when each digit is entered until the last is entered. Is there a way not to trigger the invalid condition until tab or enter is pressed?

Thanks!

hattenbachlars · 2024-08-28T20:03:44.131Z

use condition like if inputs value>=2000 or current date time-18years f.e. bordercolor input red

1theritzy · 2024-08-28T21:26:09.420Z

Thanks hatten. In my case I need the border color to turn red when input value < 2000. That’s the problem, when you start to enter 2xxx it immediately triggers the condition even though the intention is to enter 2001. I’m not sure how to structure around that.

Newed · 2024-08-29T00:03:54.285Z

Set the condition to… when input's value is not empty and input isn't valid and input isn't focused.

1theritzy · 2024-08-29T00:51:42.397Z

Great work Newed, my hat is off to you! Thanks much.