JZTXT

输入整数

发布时间 2023-03-27 15:56:59作者: 亲爱的阿道君
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>

</head>
<body>

<input type="text" class="int-num" >

<script>

	$('.int-num').each(function(e) {
		var obj = this;
		$(this).keyup(function(e) {
			var val = $(obj).val();
			if (val) {
				var pattern = /^-?\d+$/;
				if (!pattern.test(val)) {
					if (val.length == 1 && val == '-') {
						return
					} else {
						var firstChar = val.substr(0, 1);
						obj.value = val.replace(/\D/g, '') if (firstChar == '-') obj.value = '-' + obj.value
					}
				}
			}
		});
		$(this).blur(function(e) {
			var val = $(obj).val();
			var pattern = /^-?\d+$/;
			if (!pattern.test(val)) {
				$(this).val('')
			}
		})
	});
	
</script>
</body>
</html>