1. 程式人生 > >前端判斷輸入框中是數字的正則表達式

前端判斷輸入框中是數字的正則表達式

ble itl title log input his pos 不同 utf-8

工作中有不同的判斷要求,一般是判斷輸入框是正整數或者是正的小數,但是有的判斷還要加能輸入空也就是不輸入,這就是現在要解決的問題。

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>

  

前端判斷輸入框中是數字的正則表達式