Хочу запретить ввод символов не соответствующих регулярному выражению:
/^[а-яА-Яa-zA-Z0-9]+$/
Т. е. сразу удалять недопустимые символы:
$(document).on('keyup','.searchsport',function(){
});
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуХочу запретить ввод символов не соответствующих регулярному выражению:
/^[а-яА-Яa-zA-Z0-9]+$/
Т. е. сразу удалять недопустимые символы:
$(document).on('keyup','.searchsport',function(){
});
Сохранять текущее значение input'а, считая его заведомо правильным. По событию изменения (HTML5 событие input
) - будь то ввод с клавиатуры или copy-paste, новое содержание input'а проверяется на наличие символов помимо разрешённых.
Если нелегальные символы найдены – ставим предыдущее, законное значение input'а. А если всё в порядке – запоминаем поступившее новое правильное значение.
var input = document.getElementById('in-txt')
,value = input.value;
input.addEventListener('input', onInput);
function onInput(e){
var newValue = e.target.value;
if( newValue.match(/[^a-zA-Zа-яА-Я0-9]/g)) {
input.value = value;
return;
}
value = newValue;
}
<input type="text" id="in-txt">
Отдельно рассмотрите вариант, когда в поле copy-paste'ом вставляют сразу много букв. В предложенном коде всё будет отвергнуто, будто ничего и не вставляли. Возможно, вы захотите поступить иначе: отфильтровать все незаконные символы и вставить оставшиеся.
При вводе нелегального символа в середину строки курсор переедет в конец строки, а выделение текста, если было, сбросится. Можно и этот момент обработать, но это уже за рамками данного вопроса.
Обновил ответ.
Добавил обработку вставки, нажатие запрещенных клавиш не переводит каретку в конец строки. Нажатие клавиш стрелок, tab, home, end не игнорируются. Проверил в хроме, возможно потребуются изменения для других браузеров.
Если найдете проблему, напишите, постараюсь исправить. Ссылка на jsfiddle
var allowedRegex = /^[а-яА-Яa-zA-Z0-9]+$/;
var allowedCharRegex = /[а-яА-Яa-zA-Z0-9]/;
$('input').on('paste', function (e) {
// handle only copy paste here
// get clipboard text
var newValue = e.originalEvent.clipboardData.getData('Text');
// if new value is incorrect then stop event
if (!allowedRegex.test(newValue)) {
e.stopPropagation();
return false;
}
});
$('input').keypress(function(e) {
// check input character
return allowedCharRegex.test(e.key);
});
.replace(/[^a-zA-Z0-9]/g,'')