2

Есть код для числового ввода в input. Работает хорошо, но проблема в том, что буквы вообще не воспринимаются, и перестают работать горячие клавиши, типа ctrl+a, ctrl+c, ctrl+v, но хочется, что бы эти функции не терялись.
Вот код:

elem = $(this).find($("input.control--suggest--input"));
elem.on('keydown', function (e) {
    if (e.key.length == 1 && e.key.match(/[^0-9+*()\s]/) || e.keyCode == 46) {
        return false;
    }
});
elem1 = $(this).find($("input.control-phone__formatted"));
elem1.on('keydown', function (e) {
    if (e.key.length == 1 && e.key.match(/[^0-9+*()\s]/) || e.keyCode == 46) {
        return false;
    }
});  

Была попытка сделать сделать это с помощью replace, дабы клавиши-буквы работали как обычно, а уже после ввода происходило преобразование:

if(e.key.match(/[^A-Za-zА-Яа-я]/)){
    elem.attr("value",elem.attr("value").replace("^[а-яА-ЯёЁa-zA-Z]+$",""))
}  

Но к сожалению ничего не вышло.

2
  • 2
    Проверяйте свойство события e.ctrlKey на истину, для того, что бы не возвращать false, если введена буква с зажатой клавишей ctrl
    – vihtor
    10 янв 2018 в 11:20
  • @vihtor Боже, это гениально!!!!!! Работает, спасибо огромное!!!! 10 янв 2018 в 11:28

3 ответа 3

1

Я делаю так (чистый JS):

var a = document.querySelector('input');

a.addEventListener('input', function() {
  var regExp = new RegExp('[^' + this.getAttribute('pattern') + ']', "g");
  this.value = this.value.replace(regExp, '');
});
<input type='text' pattern="\d.">

2
  • можно ввести например 11.11.11..11 10 янв 2018 в 13:30
  • @ДмитрийПолянин можно добавить .replace(/^([^\.]*\.)|\./g, '$1'); и проблема решена :) 10 янв 2018 в 14:30
1

Возможно стоит использовать стандартный инпут для ввода цифр

3
  • Стандартный инпут для ввода цифр позволяет ввести символ e в верхнем и нижнем регистре. Это с одной стороны хорошо(если сайт создан для сложных математических расчетов) с другой стороны - если в БД попробовать положить такое, или попытаться совершать математические операции над этим (как в js так и на сервере) - всё будет валиться. Поэтому ваш ответ не подходит, использование input type="number" не решает всех проблем. 10 янв 2018 в 11:25
  • А еще можно не пихать бездумно всё в базу данных и не забывать про серверную валидацию. А то кто-нибудь отключит яваскрипт и завалит ваш сервер. 10 янв 2018 в 11:41
  • @Klimenkomud По моему мнению ответ дельный. Дело в том, что нормальный человек туда не будет вводить eE, но даже если введёт, это просто формат записи числа такой, результатом всё-равно является число, которое можно спарсить или на стороне клиента или на стороне сервера. 10 янв 2018 в 13:33
0

 <input type="text" name="input" onkeypress='return event.charCode >= 48 && event.charCode <= 57'/> 

Ваш ответ

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

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