前端判断输入框中是数字的正则表达式

最新推荐文章于 2025-06-04 10:16:43 发布

转载最新推荐文章于 2025-06-04 10:16:43 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/feipengting/p/8387627.html

文章标签：

#前端 #javascript #ViewUI

本文介绍了一种使用正则表达式来验证输入框内容的方法，确保用户只能输入正整数或正的小数，并且考虑了是否允许输入为空的情况。

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

工作中有不同的判断要求，一般是判断输入框是正整数或者是正的小数，但是有的判断还要加能输入空也就是不输入，这就是现在要解决的问题。

var tt=/^(?:(?!0)\d*|0)(?:\.\d+)?$/;//能输入空格和正数包括小数

而一般不能输入空的正数判断：

var tt=/^[0-9]+.?[0-9]*$/;//能输入正数包括小数

不妨可以试试

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script src="http://apps.bdimg.com/libs/jquery/2.0.1/jquery.min.js"></script>
	</head>
	<body>
		<input type="text" id="input1" />
		<input type="text" id="input2" />
		<table>
		<tr><td><div id="a1">1</div></td></tr>
		<div id="a2">2</div>
		<div id="a3">3</div>
		<div id="a4">4</div>
		</table>
		<script type="text/javascript">
			$('div[id^="a"]').each(function(){
				 if($(this).val()!=""){
				 	console.log($(this).val());
				 }
			});
			//var tt=/^(?:(?!0)\d*|0)(?:\.\d+)?$/;//能输入空格和正数包括小数
			var tt=/^[0-9]+.?[0-9]*$/;//能输入正数包括小数
			$("#input1").blur(function () {
				var int1=$("#input1").val();
				console.log(int1)
				if(!tt.test(int1)){
					alert("请输入数字");
				}
			});
		</script>
	</body>
</html>

转载于:https://www.cnblogs.com/feipengting/p/8387627.html