我正在尝试在html中学习简单的事件处理。我创建了一些需要输入数据的字段。从代码中可以看出，我的意图是数字被限制在一定范围内。出于某种原因，当我输入超出这些范围的值时，我的警报不会消失。如果有人能引导我朝着正确的方向前进，那就太棒了。
HTML文件：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="script_5.7.js"></script>
</head>
<body>
<h3>User Information</h3>
<form action="">
<p>
<label>
Age:
<input type="text" id="theAge"/>
</label>
<br/><br/>
<label>
Weight:
<input type="text" id="theWeight"/>
</label>
<br/><br/>
<input type="submit" id="submit"/>
</p>
</form>
<script type="text" src="script2_5.7.js"></script>
</body>
</html>
第一个js文件：
function chkAge() {
var theAge = document.getElementById("custAge");
if (theAge < 17 || theAge > 80) {
alert("Please Enter a Valid Age!");
return false;
}
else
return true;
}
function chkWeight() {
var theWeight = document.getElementById("custWeight");
if (theWeight < 80 || theWeight > 300) {
alert("Please Enter a Valid Age!");
return false;
}
else
return true;
}
第二个js文件：
document.getElementById("theAge").onsubmit = chkAge;
document.getElementById("theWeight").onsubmit = chkWeight;
相关分类