ValidityState.rangeOverflow

Доступное только для чтения свойство rangeOverflow объекта ValidityState указывает, что после редактирования пользователем поля <input>, значение не соответствует ограничениям, установленным атрибутом max.

Если поле является числовым, включая типы date, month (en-US), week (en-US), time (en-US), datetime-local, number, range и заданно значение атрибута max, если содержимое поля не соответствует ограничению атрибута max, свойство rangeOverflow будет true.

Учитывая слещующее:

<input type="number" min="20" max="40" step="2"/>

если value > 40, rangeOverflow будет true. Если true, элемент соответствует CSS-псевдоклассам :invalid и :out-of-range.