javascript - 通过可选功能进行即时验证，进行数字计算并获得即时结果

Question

我想立即显示错误，直到正确填写请求。这意味着我希望用户立即获得他正在输入的号码，而无需单击按钮...

这是我的代码(也可在 JSFiddle 上找到):

HTML:

<input type="number" id="myNumber" value="Error">
  <button onclick="myFunction()">Click</button>
<p id="Error"></p>

JS:

window.myFunction = function() {
var err = " is not 1000!"
  var num = document.getElementById("myNumber").value;
      if (num == 1000) {
          alert("No Errors!");
      } else {
            if (num !='') {
          document.getElementById("Error").innerHTML = num+err;
          }
          else {
          document.getElementById("Error").innerHTML = err;
          }
      }
}

我正在寻找一个简单的解决方案，在计算出数字之前使用内部函数，以便在输入 1000 以外的内容时仅显示“不是 1000”(例如 1、100、1001 110011 等..)还可以吧..

Answer 1

$("#myNumber").on("input",myFunction);

不要等待点击，而是等待输入。上面是jquery中的，纯js:

document
  .getElementById("myNumber")
  .addEventListener("input",myFunction);

或内联:

oninput="myFunction()"