用 JavaScript 精准验证数字输入263

在 Web 应用中，经常需要验证用户输入的数字是否符合预期格式。JavaScript 提供了简洁易用的函数，使数字验证变得轻而易举。

一、isFinite() 函数

isFinite() 函数检查一个值是否为有限数字。如果该值是数字且不是 Infinity 或 -Infinity，则返回 true；否则，返回 false。```javascript
(isFinite(10)); // true
(isFinite(Infinity)); // false
(isFinite("10")); // false
```

二、parseFloat() 函数

parseFloat() 函数将字符串解析为浮点数。如果字符串无法解析为数字，则返回 NaN。```javascript
(parseFloat("10.5")); // 10.5
(parseFloat("10apples")); // NaN
```

三、parseInt() 函数

parseInt() 函数将字符串解析为整数。第二个参数指定基数，默认值为 10。如果字符串无法解析为数字，则返回 NaN。```javascript
(parseInt("10")); // 10 (基数为 10)
(parseInt("0b10")); // 2 (基数为 2)
(parseInt("10apples")); // NaN
```

四、Number() 函数

Number() 函数将值转换为数字。如果值无法转换为数字，则返回 NaN。```javascript
(Number(10)); // 10
(Number("10")); // 10
(Number(true)); // 1
(Number(undefined)); // NaN
```

五、正则表达式

正则表达式提供了一种灵活的方式来验证数字。下面的正则表达式匹配一个整数或带小数点的数字：```
/^(-?\d+)((\.\d+)?)$/
```

其中：* -?\d+ 匹配整数部分，可选负号
* (\.\d+)? 匹配小数部分，可选

六、自定义函数

上述函数可以组合成一个自定义函数来满足特定的验证需求。例如，可以创建一个函数来验证数字是否在指定范围内：```javascript
function isWithinRange(number, min, max) {
return number >= min && number

2025-01-02

上一篇：动态加载 JavaScript：提升网站性能和用户体验

下一篇：JavaScript 系统时间