判断输入框输入是否是数字

最新推荐文章于 2024-02-05 09:14:21 发布

ASshowmeinchina

最新推荐文章于 2024-02-05 09:14:21 发布

阅读量504

点赞数

分类专栏： javascript 文章标签： HTML

本文链接：https://blog.csdn.net/ASshowmeinchina/article/details/83939269

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
<title>测试数字</title>
<script> 
	function onCheck(){
	var numValue=document.getElementById("num").value;
	var index=-1;
	for(var i=0;i<numValue.length;i++){
		var ch=numValue.charAt(i);
		if(ch>=0&&ch<=9){
		index=-1;
		}else{
			index=1;
			break;
		}
	}
 
	if(index==1){
		alert("您输入的非数字！请重新输入");
		document.getElementById("num").value="";
		return;
	}else{
	alert("输入正确！您输入的数字是："+numValue);
}
		
	}
	function onCheck1(){
		var numValue=document.getElementById("num1").value;
		if(isNaN(numValue)){
			alert("您输入的非数字！请重新输入...");
			document.getElementById("num1").value="";
			return;
		}else{
			alert("输入正确！您输入的数字是:"+numValue);
		}
	}
</script>
</head>
<body>
<h3>测试输入是否是数字第一种方法</h3>
<input type="text" id="num" />
<input type="button" value="测试1" οnclick="onCheck()" />
<h3>测试输入是否是数字第二种方法</h3>
<input type="text" id="num1" />
<input type="button" value="测试2" οnclick="onCheck1()" />
</body>
</html>