javaScript 正则表达式数字验证

最新推荐文章于 2024-04-04 23:36:04 发布

原创最新推荐文章于 2024-04-04 23:36:04 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript 验证

Javascript 专栏收录该内容

5 篇文章

订阅专栏

本文提供了一系列正则表达式用于验证不同类型的数值输入，包括整数、小数等，并展示了如何在HTML中使用这些正则表达式进行即时验证。

<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>
大于零并且最多两位小数的实数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$/.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>