Как запретить ввод значения в javascript больше чем n число?

Question

[Anonimmus]

два инпута, как проверить и запретить ввод больше 100, если один инпут! и 50 если два

Comments

[WbICHA]

Добавь эвенты...

[Anonimmus]

WbICHA, .... если лень хоть кусок кода показывать, лучше не пишите совсем.

[WbICHA]

Anonimmus, кусок кода: addEventListiner

Answer 1

[Nikita Undefined]

<input type="number" name="first" min="0" max="100" step="1" class="input_num" placeholder="0"/>
<input type="number" name="second" min="0" max="50" step="1" class="input_num" placeholder="0"/>
<script>
    document.querySelectorAll(".input_num").forEach(function( currentInput, index, arr ) {
        currentInput.onchange = function () {
            if (arr[1].value > 0) {
                arr[0].max = 50;
                if (arr[0].value > 50) {
                    arr[0].value = 50;
                }
            } else {
                arr[0].max = 100;
            }
        }
    });
</script>

и не парься. Еще на бэке если нужно - тоже чекни ;-)
https://codepen.io/Privetiq/pen/abmVVOg?editors=1111

Comments

[WbICHA]

document.getElementById("first") всего лишь 3 раза вызывается. Считаю это недопустимым, надо минимум раз 5-6, а лучше 10.

[Nikita Undefined]

WbICHA, Вы можете оптимизировать код и сделать лучше, конечно же) Но данный код работает (на фронте как минимум) а дальше дело вкуса как оформить, оптимизировать))) Вам же нужно решение или как?)

[WbICHA]

Nikita Undefined, могу, но мне лень. Я если и пишу код (особенно, когда кому-то помогаю), то предпочитаю писать его качественно, а не тяп-ляп.

[Anonimmus]

Nikita Undefined, 4 статичные формы на сайте всего лишь. Благодарю за развернутый ответ и пример на codePen. Прям то что нужно, спасибо.

[Anonimmus]

WbICHA, ну тебе жеж лень, че воздух то сотрясать. и ведь доказывать не лень

[WbICHA]

Anonimmus, конечно нет, или ты думаешь зачем я тут сижу?
Я редко помагаю тем, кто полный ноль в языке и не способен в гугление.

[WbICHA]

Bavashi, хаха, от тебя это слышать вдвойне забавно.)
Можешь не отвечать, я не хочу в очередной раз "вести деловую переписку" с тобой, которую потом всё равно удалят.

[Anonimmus]

WbICHA, да все с тобой ясно - балабол,лентяй. Одни понты

[WbICHA]

Anonimmus, ну да, я захожу сюда своё ЧСВ потешить, как и 99% активных пользователей подобных ресурсов.
Добро пожаловать в реальный мир.

Answer 2

[dollar]

В момент ввода (то есть сразу после ввода) проверять: если два инпута, то лимит 50, иначе 100.

Момент ввода, как вам уже объяснили в комментах к вопросу, можно поймать событием. А дальше к этому моменту можно прикрутить любую логику.

Answer 3

[Tim]

более гибкий вариант. Не совсем вас понял и поэтому 2 варианта накидал