Как определить, когда пользователь вводит строку в число ввода типа?

Question

У меня есть форма с номером типа ввода.Я хочу отобразить сообщение, когда пользователь вводит строку.
Когда я пытаюсь получить значение ввода, я всегда получаю пустую строку.
Когда я набираю число, оно работает нормально, но не со строкой... Я пробовал и с jQuery, и с javascript.

        var inputVal = $(this).val();
        var inputValJs = document.getElementById("myInput").value;
        console.log(inputVal); // if 99 => 99   if test => ''
        console.log(inputValJs); // if 99 => 99   if test => ''

Как мне поступить?

Answer 1

Если вам действительно нужен вводимый текст, вы можете сделать следующее:

Событие input фиксирует изменения во входном тексте.

var messageElem = document.querySelector('#myMessage');
document.querySelector('#myInput').addEventListener('input', function(e) {
  if (this.value === '' || /^[0-9]+$/.test(this.value)) {
    messageElem.textContent = "";
  } else {
    messageElem.textContent = "Only numbers";
  }
});

<input type="txt" id='myInput'>
<p id='myMessage'>

Answer 2

Ввод числового типа допускает только числовое значение.

Для извлечения входного значения используйте прослушиватель событий:

var myValue = '';

document.getElementById("myInput").addEventListener('input', function(e) {
   myValue = e.target.value;
   console.log(myValue);
});

<input type="number" id="myInput">

Answer 3

Номер типа ввода позволяет вводить только цифры

var inputValJs = document.getElementById("myInput").value;
console.log(inputValJs);

<input type="number" id="myInput" name="tentacles" value ="33">