Как при вводе определённых символов удалять их и выводить сообщение через alert?

Question

[Somebodyyyy]

В input требуется фильтрация определённых символов, нужно, чтобы они удаляли и выводилось сообщение с предупреждением, но главное, чтобы не удалять вся строка, а только введённый символ, как реализовать?

UPD Прошу прощения,что сразу не скинул код

$('#vin').keyup(,function() {
  	let vin = $(this).val();
    let result = vin.replace(/[,.-/QqIiOoAaА-Яа-яЁё]/g, function() {
    	alert("Здесь сообщение);
    	$("#vin").val("");
    });
    // if (vin.match(/[,.-/QqIiOoAaА-Яа-яЁё]/g)) {
    // 	//alert("Здесь сообщение");
    // 	let result = vin.replace(/[,.-/QqIiOoAaА-Яа-яЁё]/g, "");
    // }

    $("#checkVin").html(result);
 });

<input id="vin" type="text" name="vin" class="form-content__field-input form-content__field-input--twenty" maxlength="17">

Проблема в том,что оно либо если, убрать "$("#vin").val("");" возвращает undefined, если добавить return и засунуть туда replace, то ничего не происходит, закоментированный код - нашел в гугле, но тоже отказывается работать

Comments

[WapSter]

через регулярку.

[Somebodyyyy]

Тимур Турсунбаев, можете пример на jsfiddle сделать? Именно с сообщением

[Чипекве]

Вешаешь обработчик oninput на нужный input. В нем берешь значение input и делаешь замену методом replace().

Если vin - это vin-номер авто, легко найдешь подходящую регулярку.

Только зачем нужен alert на каждый неправильный символ? Получается пользователю будет каждый раз вылезать модельное окно при неверном вводе. Не проще сделать сообщению прямо под инпутом? Вообще, если именно заменять символы, то сообщения не нужны. Ты либо меняешь значение за пользователя без уведомлений, либо показываешь ему сообщение и пусть сам меняет.

Answer 1

[Lord_Dantes]

Можно по вашему примеру, сохранить в переменную текущий вал потом сделать текст который написали и вывести его в алерт, а потом в val кинуть переменную с прошлым валом.

Answer 2

[ivan386]

$('#vin').change(e, function() { // меняем на change 
    let vin = $(this).val();
    let result; 
    if (vin.match(/[,./QqIiOoAaА-Яа-яЁё-]/g)) { // для того чтобы минус не обозначал диапазон пишем его в конце набора
     	alert("Здесь сообщение");
     	result = vin.replace(/[,./QqIiOoAaА-Яа-яЁё-]/g, "");
        $(this).val(result); // возвращаем в инпут правильный текст
   }
   else
         result = vin;

    $("#checkVin").html(result);
 });