码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-01-31 00:57:30      阅读:600      评论:0      收藏:0      [点我收藏+]

标签:不同   不能   highlight   class   tab   utf-8   jquery   body   ati   

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

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

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

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

不妨可以试试

<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<script src="static/js/jquery.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>

  

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

标签:不同   不能   highlight   class   tab   utf-8   jquery   body   ati   

原文地址:https://www.cnblogs.com/feipengting/p/8387627.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!