JavaScript 中的表单验证数字范围（最小值/最大值）

Question

有一个使用正则表达式将文本定义为数字的脚本：

function validateTextNumericInRange(textInputId)
{
    var numRegex = /^[\d]+$/;
    var textInput = document.getElementById(textInputId);

    var valid = true;
    if (numRegex.test(textInput.value) == false) {
        alert('Value must be a number between 3-48');
        valid = false;
    }
    return valid;
}

需要使用这种格式并提供一个最小/最大范围（目前是任意的，比如在 3 到 48 之间）。 我将如何修改此正则表达式以完成并获得正确的论点？

Answer 1

我不明白你的问题。 您的意思是您想要一个介于 3 到 48 位之间的数字，或者该数字的值必须介于 3 到 48 之间？

对于后者，您不需要正则表达式：

function validateTextNumericInRange (textInputId) {
    var textInput = document.getElementById(textInputId);
    var value = parseInt(textInput.value, 10);

    return (!isNaN(value) && value >= 3 && value <= 48);
}

更通用的解决方案：

function validateTextNumericInRange(textInputId, min, max) {
    var textInput = document.getElementById(textInputId);
    var value = parseInt(textInput.value, 10);

    return (!isNaN(value) && value >= min && value <= max);
}

要测试一个数字的长度是否在 3 到 48 位之间，您可以使用正则表达式/^[0-9]{3, 48}$/ 。

Answer 2

正则表达式会很难且不灵活，对于您的示例，它将是：

/^(?:[3-9]|[1-3][0-9]|4[0-8])$/

更好的 go 与 Vivins 的解决方案。

Answer 3

我不是一个优秀的 JavaScript 开发人员，但我知道在 Java 中您可以使用此语法来测试最小和最大长度：

[1-9][0-9]{2,4}
[1-9][0-9]{min,max}

Answer 4

function isInteger(value) {
  if ((value.toString()).replace(/^-\d|\d/, "").length == 0) {
    return true;
  }
  return false;
}

function integerInRange(value, min, max) {
  if (isInteger(value)) {
    if (parseInt(value, 10) >= min && parseInt(value, 10 <= max)) {
      return true;
    } else {
      return false; // Not in range
    }
  } else {
    return false; // Not an integer
  }
}

integerInRange( 55,  3, 48); // Returns false
integerInRange("55", 3, 48); // Returns false

integerInRange( 25,  3, 48); // Returns true
integerInRange("25", 3, 48); // Returns true

在您的情况下，您需要这样称呼它：

integerInRange(document.getElementById(textInputId).value, 3, 48);