Как запретить вводить буквы в поле?

Question

[cracker-test]

Пытаюсь запретить вводить в поле буквы и сделать так, чтобы в поле можно было вводить только цифры. Подскажите, где ошибка?

<input class="input-number" type="text">

document.addEventListener("DOMContentLoaded", () => {
  let inputs = document.querySelectorAll(".input-number");
  let reg = /[A-Za-zA-Яа-яЁё]/g;

  console.log("inputs", inputs);

  inputs.oninput = function () {
    this.value = this.value.replace(reg, "");
  };

});

Answer 1

[historydev]

<input class="input-number" type="number">

Comments

[cracker-test]

Сделать нужно при помощи js

[historydev]

cracker-test, нужно при помощи гугла: https://qna.habr.com/q/687565

[cracker-test]

Владимир, я спрашивал где у меня в коде ошибка, а вы предлагаете какие-то другие решения

[Сергей Соколов]

cracker-test, у вас несколько ошибок:

1. в навешивании обработчика событий
   
2. в логике регулярного выражения
   

По ссылке на такой же вопрос — правильная регулярка.

Answer 2

[cracker-test]

document.addEventListener("DOMContentLoaded", () => {
  let inputs = document.querySelectorAll(".input-number");
  let reg = /[A-Za-zA-Яа-яЁё]/g;

  for (input of inputs) {
    input.oninput = function () {
      this.value = this.value.replace(reg, "");
    };
  }
});

Comments

[Сергей Соколов]

это не решение, т.к. позволяет вводить, например, - !, всякие â è и иероглифы.