用JavaScript设计一个验证年龄,尝试在里面设置年龄的范围为 10-100,在范围内弹出提示
时间: 2024-03-14 12:44:26 浏览: 137
您可以使用以下 JavaScript 代码来验证年龄,并在合适的范围内弹出提示信息:
```
function validateAge() {
var age = document.getElementById("age").value;
if (age < 10 || age > 100) {
alert("年龄必须在10到100之间!");
return false;
} else {
alert("年龄验证通过!");
return true;
}
}
```
在上面的代码中,我们使用了 `getElementById()` 方法来获取年龄文本框的值,并使用条件语句判断年龄是否在10-100之间。如果不在范围内,就会弹出提示信息;如果在范围内,就会弹出验证通过的提示信息。
此外,您需要在 HTML 中添加一个按钮来触发验证函数:
```
<form onsubmit="return validateAge();">
<label for="age">年龄:</label>
<input type="text" id="age">
<br>
<input type="submit" value="验证">
</form>
```
在上面的代码中,我们在表单中添加了一个按钮,并使用 `onsubmit` 事件来触发验证函数。如果验证通过,就会提交表单;如果验证不通过,就不会提交表单。
阅读全文