JS正则表达式验证数字代码

下面我将详细讲解 JS 正则表达式验证数字代码的完整攻略。

步骤

1. 构建正则表达式

首先需要构建一个用于验证数字的正则表达式。一般来说，数字可以包含整数和小数，还可能有正负号。

验证整数和小数的正则表达式如下：

/^-?\d+(\.\d+)?$/

其中：

• ^ 表示字符串开始
• -? 表示可以有一个可选的负号
• \d+ 表示至少一个数字
• (\.\d+)? 表示可选的小数部分，其中 \. 表示小数点，\d+ 表示小数点后面的数字，() 表示这个整块是可选的
• $ 表示字符串结束

2. 使用正则表达式进行验证

接下来在 JavaScript 中使用上一步中构建的正则表达式进行验证。

const regex = /^-?\d+(\.\d+)?$/;
console.log(regex.test('123')) // true
console.log(regex.test('-123')) // true
console.log(regex.test('123.456')) // true
console.log(regex.test('-123.456')) // true
console.log(regex.test('abc')) // false

可以看到，使用 test() 方法可以验证一个字符串是否符合正则表达式的规则，返回值为布尔类型。

3. 验证数字的范围

如果要验证数字的范围，需要将上面的正则表达式进行扩展。

例如，验证一个数是否在 0 到 100 之间，可以使用如下正则表达式：

/^(\d|[1-9]\d|100)(\.\d+)?$/

其中：

• ^ 表示字符串开始
• (\d|[1-9]\d|100) 表示数字的范围，其中 \d 表示任意一个数字，[1-9]\d 表示 10 到 99 之间的数字，100 表示 100
• (\.\d+)? 表示可选的小数部分，与上一步相同
• $ 表示字符串结束

下面是一个验证函数的示例，其中使用上述正则表达式对输入的数字进行验证。

function validateNumberInRange(input) {
  const regex = /^(\d|[1-9]\d|100)(\.\d+)?$/;
  const number = parseFloat(input);
  return regex.test(input) && number >= 0 && number <= 100;
}

console.log(validateNumberInRange('10')) // true
console.log(validateNumberInRange('50.5')) // true
console.log(validateNumberInRange('120')) // false
console.log(validateNumberInRange('abc')) // false

可以看到，该函数将输入的字符串转换成数字后，首先使用正则表达式进行验证，然后判断数字是否在 0 到 100 的范围内。如果两者都满足，则返回 true，否则返回 false。

结论

通过上述步骤，我们可以轻松地构建一个正则表达式来验证数字，并且可以对数字的范围进行限制。注意，在实际开发中，还需要考虑一些特殊情况，例如输入的字符串为空或者过长等。