0

Как валидировать input на ходу. Например если вводимое число больше 50, то не давать ввести последнюю цифру.

$('input').on('change input keyup', function (e) {
   if ( $(this).val() > 50 ) {
       return false;
   }
}

Такое не срабатывает - символ уже введен, и ввод не отменить. А если проверять по keypress или keydown, то содержимое input не проверить.

Как решить такую задачу?

4
  • Почему не проверить, что вы пробовали для этого?
    – Roman C
    19 мая 2018 в 21:58
  • <input type="number" max="50">
    – andreymal
    19 мая 2018 в 22:24
  • О том как реализовать валидацию при вводе, можете посмотреть в этом ответе (сниппет №2): ru.stackoverflow.com/a/810850/288409
    – yar85
    19 мая 2018 в 22:52
  • @RomanC если проверять по keydown или keypress, то проверяется предыдущее значение input, без учета только что введенного символа 20 мая 2018 в 15:25

1 ответ 1

0

let input = document.getElementById('in');
input.addEventListener('keyup', function() {
  if (this.value > 50) {
    let arr = this.value.split('');
    arr = arr.slice(0, arr.length - 1);
    this.value = arr.join('');
  }
})

1
  • Это совсем не универсально. Пользователь же может вводить цифры не только в конце, но и в середине, и в начале 20 мая 2018 в 15:24

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.