验证整数、小数、实数、有效位小数最简单JavaScript正则表达式

最新推荐文章于 2025-01-10 14:52:21 发布

weixin_30438813

最新推荐文章于 2025-01-10 14:52:21 发布

阅读量56

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mr-hero/p/3761236.html

本文提供了一套简单实用的正则表达式用于验证各种类型的数字输入，包括正整数、负整数、正小数等，并展示了如何在网页中应用这些正则表达式进行实时验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

输入完按回车后即可验证！（自认为最简单！）

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

说明：IE6.0、IE7.0、IE8.0、Firefox/3.0.11下测试通过

作者原创！转载请说明出处：http://blog.youkuaiyun.com/xxd851116

【测试源码】：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 验证数字最简单正则表达式大全 </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{1,1})?$/.test(this.value));" />
<br />
保留2位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+(\.\d{1,2})?$/.test(this.value));" />
<br />
保留3位小数:<input type="text" size="20" onkeydown="if(event.keyCode == 13) alert(/^-?\d+(\.\d{1,3})?$/.test(this.value));" />
<br />
</body>
</html>

转载于:https://www.cnblogs.com/mr-hero/p/3761236.html