csdn请使用JavaScript编写一个check()函数实现该表单的前端验证,要求:1)如果x不是数字则弹窗提示“输入无效;2)如果x<100或者大于200则弹窗提示“超过范围”;3)如果验证通过则提示“输入没问题”
时间: 2024-12-15 14:21:09 浏览: 2
在JavaScript中,你可以创建一个名为`check()`的函数,用于验证表单输入`x`是否满足指定条件。以下是这个函数的实现:
```javascript
function check(x) {
// 检查 x 是否为数字
if (isNaN(x)) {
alert("输入无效");
return false; // 验证失败直接返回false
}
// 检查 x 是否在100到200之间
if (x < 100 || x > 200) {
alert("超过范围");
return false;
}
// 如果所有条件都通过,提示"输入没问题"
alert("输入没问题");
return true; // 验证成功返回true
}
// 示例用法
let input = document.getElementById('inputField').value;
if (check(input)) {
// 表单提交或继续下一步操作
} else {
// 提示错误并阻止表单提交
}
```
在这个例子中,我们首先检查`x`是否为数字,如果不是,就弹出错误信息并立即返回`false`表示验证失败。接着,如果`x`不在100到200范围内,同样弹出错误信息并返回`false`。只有当所有条件都通过时,才弹出成功的消息并返回`true`。
阅读全文