运行 用户在输入字段中输入前 4 位数字后的函数

Question

我有一个信用卡输入字段，我想在用户输入卡号的前 4 位数字后 运行 一个函数，以指示卡类型。

我希望函数只运行一次然后停止。

我尝试使用计时器，但我不喜欢这个结果，因为表单每隔几秒就会重新加载一次。我也不想等到用户停止输入整个数字。

Answer 1

您可以简单地用 onkeyup 事件检查它，像这样：

var testIt = function testIt(num) {

  if (num.length === 4) {
    alert("more than 4 characters have been entered");
  }
}

Card number: <input type="number" onkeyup="testIt(this.value);" />

只有输入第四个数字才会执行