JavaScript验证整数/小数/实数/有效位小数的正则表达式

在开发的过程中,

验证数字是最常见的写法;

有下面几种的数字类型

  • 正整数
  • 负整数
  • 整 数
  • 正小数
  • 负小数
  • 小 数
  • 实 数
  • 保留1位小数
  • 保留2位小数
  • 保留3位小数

正整数

/^\d+$/

负整数

/^-\d+$/

整 数

/^-?\d+$/

正小数

/^\d+\.\d+$/

负小数

/^-\d+\.\d+$/

小 数

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

实 数

/^-?\d+\.?\d*$/

保留1位小数

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

保留2位小数

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

保留3位小数

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

可以看看下面的演示;

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h3>输入完按回车后即可验证!(自认为最简单!)</h3>
正整数: <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^\d+$/.test(this.value));" />
<br>
负整数: <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-\d+$/.test(this.value));" />
<br>
整 数: <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+$/.test(this.value));" />
<br>
正小数: <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^\d+\.\d+$/.test(this.value));" />
<br>
负小数: <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-\d+\.\d+$/.test(this.value));" />
<br>
小 数: <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.\d+$/.test(this.value));" />
<br>
实 数: <input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d*$/.test(this.value));" />
<br>
保留1位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,1}$/.test(this.value));" />
<br>
保留2位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,2}$/.test(this.value));" />
<br>
保留3位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+\.?\d{0,3}$/.test(this.value));" />
<br>
</body>
</html>

复制到自己的编辑器,检测下就好;

~~

未经允许不得转载:WEB前端开发 » JavaScript验证整数/小数/实数/有效位小数的正则表达式

赞 (0)