js数字校验正则
1、前言
在前端开发中，经常需要校验输入框中输入的内容是否为数字类型。而JavaScript中提供了正则表达式的使用，可以方便地对数字进行校验。接下来，本文将结合实例详细介绍JavaScript数字校验正则表达式的使用。
2、JavaScript数字校验正则表达式
常见的数字校验正则表达式有以下三种：
2.1、整数类型
校验整数类型可以使用以下正则表达式：
```
/^-?\d+$/
```
其中：
- ^ 表示以数字开头
- -? 表示可有可无的负号
- \d+ 表示一个或多个数字
- $ 表示以数字结尾
使用示例：
```javascript
const reg = /^-?\d+$/;
console.st('-1234')); // true
console.st('1234')); // true
console.st('0')); // true
console.st('12a3')); // false
```
2.2、浮点数类型
校验浮点数类型可以使用以下正则表达式：
```
/^-?\d+\.?\d{0,}$/
```
其中：
- ^ 表示以数字开头
- -? 表示可有可无的负号
- \d+ 表示一个或多个数字
- \.? 表示小数点可有可无
- \d{0,} 表示零个或多个数字
- $ 表示以数字结尾
使用示例：
```javascript
const reg = /^-?\d+\.?\d{0,}$/;
console.st('-1234.56')); // true
console.st('1234.56')); // true
console.st('0')); // true
console.st('12a3.56')); // false
```
2.3、正数类型
校验正数类型可以使用以下正则表达式：
```
/^\d+\.?\d{0,}$/
```
其中：
- ^ 表示以数字开头
- \d+ 表示一个或多个数字
- \.? 表示小数点可有可无
- \d{0,} 表示零个或多个数字
- $ 表示以数字结尾
使用示例：
```javascript
const reg = /^\d+\.?\d{0,}$/;
console.st('1234.56')); // true
console.st('0')); // true
js正则表达式判断数字console.st('-1234.56')); // false
```
3、总结
本文通过讲解JavaScript数字校验正则表达式，介绍了三种常见的数字类型校验方法，并配有详细的使用示例。希望对大家有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。