javascript - 如何检测用户何时在输入类型数字中键入字符串？

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'>