键盘事件-当键盘按下的不是Enter键且输入的不是数字时给出提示信息

最新推荐文章于 2022-06-08 10:12:02 发布

莫亓

最新推荐文章于 2022-06-08 10:12:02 发布

阅读量906

点赞数

分类专栏：阿哈哈哈大前端文章标签：键盘事件 JavaScript 学号输入检查

本文链接：https://blog.csdn.net/Bule_daze/article/details/79596196

版权

阿哈哈哈大前端专栏收录该内容

66 篇文章 1 订阅

订阅专栏

在sno文本输入框中通过键盘输入学号时，触发KeyPress事件调用checkNo()执行检查，如果键盘按下的不是Enter键且输入的不是数字时，给出“你输入学号错误！”的提示信息；如果用户按下的是Enter键且输入的是数字键，则给出“你的学号为：XXX”的提示信息；如果用户没有输入数据直接按下Enter键，则给出“学号不能为空--”的提示信息。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>键盘事件的应用</title>
	<script type="text/javascript">
		function checkNo() {
			if (window.event.keyCode != 13) {
				if (event.keyCode < 48 || event.keyCode > 57) {
					alert("你输入的学号错误！");
				}
			}
			else{
				if (myform.sno.value.length <= 0) {alert("学号不能为空--");}
				else{alert("你的学号为：" + myform.sno.value);}
			}
		}
	</script>
	
</head>
<body>
	<form name="myform" method="post" action="" >
		学号：<input type="text" name="sno" id="sno" onkeypress="checkNo()"> (必须为数字)<br><br>
<!-- 		<input type="submit" value="提交"> <input type="reset" value="重置">-->
	</form>
</body>
</html>

Enter的键码值是13，数字键0-9对应的键码值48~57。