js数字校验正则

2024年1月31日发(作者：)

js数字校验正则

1、前言

在前端开发中，经常需要校验输入框中输入的内容是否为数字类型。而JavaScript中提供了正则表达式的使用，可以方便地对数字进行校验。接下来，本文将结合实例详细介绍JavaScript数字校验正则表达式的使用。

2、JavaScript数字校验正则表达式

常见的数字校验正则表达式有以下三种：

2.1、整数类型

校验整数类型可以使用以下正则表达式：

```

/^-?d+$/

```

其中：

- ^ 表示以数字开头

- -? 表示可有可无的负号

- d+ 表示一个或多个数字

- $ 表示以数字结尾

使用示例：

```javascript

const reg = /^-?d+$/;

(('-1234')); // true

(('1234')); // true

(('0')); // true

(('12a3')); // false

```

2.2、浮点数类型

校验浮点数类型可以使用以下正则表达式：

```

/^-?d+.?d{0,}$/

```

其中：

- ^ 表示以数字开头

- -? 表示可有可无的负号

- d+ 表示一个或多个数字

- .? 表示小数点可有可无

- d{0,} 表示零个或多个数字

- $ 表示以数字结尾

使用示例：

```javascript

const reg = /^-?d+.?d{0,}$/;

(('-1234.56')); // true

(('1234.56')); // true

(('0')); // true

(('12a3.56')); // false

```

2.3、正数类型

校验正数类型可以使用以下正则表达式：

```

/^d+.?d{0,}$/

```

其中：

- ^ 表示以数字开头

- d+ 表示一个或多个数字

- .? 表示小数点可有可无

- d{0,} 表示零个或多个数字

- $ 表示以数字结尾

使用示例：

```javascript

const reg = /^d+.?d{0,}$/;

(('1234.56')); // true

(('0')); // true

(('-1234.56')); // false

```

3、总结

本文通过讲解JavaScript数字校验正则表达式，介绍了三种常见的数字类型校验方法，并配有详细的使用示例。希望对大家有所帮助。