检测输入框中的变量是否为5-10之间

最新推荐文章于 2021-12-05 19:08:13 发布

我思故我在.

最新推荐文章于 2021-12-05 19:08:13 发布

阅读量462

点赞数

本文链接：https://blog.csdn.net/wy15027539821/article/details/89408532

版权

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<script type="text/javascript">
		
		try{
		//首先在try里面定义一个方法，让我在提交数字的时候可以调用这个方法
		function aaa(){
		//   获取到输入框内输入的值   在输入框内定义一个id=" "  然后用document.getElementById('id').value的方法获取输入框内的值
		var i =document.getElementById('num').value;
		//首先判断输入的值是否为数字
		if(i==""||isNaN(i)){
		   	alert("请填写数字");
		   	return;
			}
			else if(i<5){
				alert('数值小于5');
				}
			else if (i>10){
				alert('数值大于5');
			}
			else{
				alert('数值在5-10之间');
			}
			}
		}
		//
		catch(e)  
		{
			document.writeln('输入的'+e.message+'</br>');	
		}
		</script>
		</head>
		<body>
		<input type="text" id ="num">
		//点击提交按钮来调用aaa函数   onclick表示点击这个按钮时会发生这个事件
		<input type = "button" value = "提交" "aaa();">
		</body>
		</html>
//如果不用异常捕捉语句，程序可以删掉try，catch，只用if else 也可以实现这个功能；当然还是要把if else写进一个方法保证再点击按钮时可以调用

在处理是否为5-10之间的数是用的是异常捕捉语句
异常捕捉语句的格式为

try
{
	statements
}
catch(e)
{
	statements
}
finally
{
	statements
}

document.getElementById主要是做什么用的?
document.getElementById是一个document对象的方法，可以通过它来获得指定的id和html元素。
例如在页面里表单元素你可以给它设置id值，或name值来区别同种类型的不同元素，当你设置id document.getElementById(“id”)来得到这个元素，从而通过document.getElementById(“id”).value 得到元素的值。
类似的方法还有
document.getElementsByName(“name”)通过元素名称获得元素对象。
document.getElementsByTagName(“form”)通过标签名称获得元素。

比如

document.getElementById(“test”) 就可以获取到这个对象了