如何获取文本框的无限值

Question

我如何更改用户能够键入 0 到无穷大的值？因为此时只允许用户输入0-9。function validate() {  var values = document.getElementById("digit").value;  if (/^[0-9]$/.test(values) == false) {    document.getElementById("numbers").innerHTML = "This is not a number, number must be greater or equal to zero";    return false;  }  return true;}

Answer 1

使用typeof和三进制运算符+检查它是否大于等于 0

function validate() {

  var value = document.getElementById("digit").value;

  if (!(!isNaN(+value) && value >= 0)) {

    document.getElementById("numbers").innerHTML = "This is not a number, number must be greater or equal to zero";

    return false;

  }

  document.getElementById("numbers").innerHTML = "";

  return true;

}

<input onkeyup="validate()" value="" id="digit" />

<p id="numbers"></p>

Answer 2

您的正则表达式正在寻找字符串开头和结尾之间的一位且仅一位数字。

尝试/^[0-9]$+/。
意思+是“至少一个，最多无限”，无论它被卡住什么。

Answer 3

使用本机方法Number.isInteger()检查最后一个字符是否为数字。如果没有，请切片。

function validate(el) {

  var lastChar = Number(el.value.slice(-1));

  if (!Number.isInteger(lastChar)) {

    el.value = el.value.substring(0, el.value.length - 1);

  };

}

<input type="text" oninput="validate(this)">