Как перевести данный код из JS в JQuery?

Question

[Andrew Kolomiets]

let input = document.querySelector('input');
input.addEventListener('input',()=> {
    input.value = input.value.replace(/[^А-Яа-яЁё\s]/,'');
});

Есть вот такой код на js, он рабочий, а как будет выглядеть такой код на jquery?

Comments

[hellcaster]

Обычно наоборот просят из jQuery в JS перевести))

[Andrew Kolomiets]

hellcaster, просто не могу понять, почему только на первый инпут работает код, а на второй нет. На JQuery всё выделит и применит, но вот, что-то не получается.

[hellcaster]

Andrew Kolomiets, все просто. querySelector выбирает только первый input. Если нужно все, то нужно использовать querySelectorAll. Он вернёт псевдомассив со всемя элементами.

const inputs = document.querySelectorAll('input');

for (let i = 0; i < inputs.length; i++) {
  const input = inputs[i];

  input.addEventListener('input', () => {
    input.value = input.value.replace(/[^А-Яа-яЁё\s]/, '');
  });
}

[Andrew Kolomiets]

hellcaster, Спасибо, работает!!!

Answer 1

[Славик]

$('input').change(function(e){
$(this).value = $(this).value.replace(/[^А-Яа-яЁё\s]/,'');
});

Comments

[Andrew Kolomiets]

Не работает теперь

[iBird Rose]

Andrew Kolomiets, попробуй так

$(this).val( $(this).val().replace(/[^А-Яа-яЁё\s]/,'') );

[Andrew Kolomiets]

iBird Rose, никак вообще

[Ivan Brezhnev]

$('input').first().on('input', function (e) {
  this.value = this.value.replace(/[^А-Яа-яЁё\s]/, '');
});

[Andrew Kolomiets]

Иван Брежнев, Спасибо