0

Как определить тот факт, что в <input type="number"> уже введён символ запятой или точки. Для чего это нужно: в FireFox неприятная особенность, в подобный input абсолютно свободно можно ввести любой символ, при этом он обрабатывается как число, то есть console.log(e.target.value) выводит в консоли "1500", в то время, как в инпуте введено "1500," или "1500."

Из-за того, что Firefox не блокирует ненужные символы, я пишу свой обработчик.

//Предотвратить e в числовых инпутах
$("input[type='number']").on("keydown", function(e){
    let isFirefox = typeof InstallTrigger !== 'undefined';

    if (isFirefox) {

        if (
            !(["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"].includes(e.key) ||
                [".", ","].includes(e.key) && !e.target.value.match(/,./) || //не работает
                e.keyCode < 32 ||
                e.keyCode > 32 && e.keyCode < 48 ||
                e.keyCode > 90 && e.keyCode < 94 ||
                e.keyCode > 111 && e.keyCode < 124 ||
                [144, 145, 182, 183].includes(e.keyCode))
        ) {
            e.preventDefault();
        }
    }

});

Остаётся предотвратить ввод более чем одной точки или запятой. Подскажите, существует ли какая-то функция вроде e.target.непосредственноСтроковоеЗначение, где e.target - элемент <input type="number">

1
  • Вам это не сильно поможет - событие keydown не сработает на мобилках, при автозаполнении, при драг и дропе, при вставке значения из буфера. ЗАчем вам нужно такое строгое ограничение? 16 ноя 2020 в 11:25

1 ответ 1

0

Можно попробовать что то вроде:

let lastValue = inp.value;
inp.addEventListener('input', (evt) => {  
  if (inp.value.match(/^\d+[.,]?\d*$/)) {
    lastValue = inp.value;
  } else {
    inp.value = lastValue;
  }
})
3
  • Дело в том, что inp.value возвращает числовое значение (если тип инпута - number), т.е. в инпут введено "1500,", а возвращает "1500" 16 ноя 2020 в 18:31
  • Так поставь тип текст, моя реализация эмулирует поведение намбера. 17 ноя 2020 в 19:40
  • Да, но в этом случае на телефонах при входе в этот инпут будет отображаться клавиатура с буквами 17 ноя 2020 в 21:07

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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