Somebodyyyy

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

$('#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);
 });

используй slick slider. очень гибкий и легкоуправляемый. просто каждый шаг это слайд. можно добавить свою кнопку для следующего слайда и перед прокруткой проверить значения, и если что-то не так, то слайд не проматывается. ну или просто дизейбли кнопку до того, пока не будут все данные верны

data: () => ({
  items: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
  focused: null,
}),

<div v-for="(n, i) in items">
  <input @focus="focused = i" @blur="focused = null">
  <span v-show="focused === i" v-text="n"></span>
</div>

https://jsfiddle.net/5sxkjatg/