验证输入不能为空,btn没有正确定义,更改一下这段代码
时间: 2024-03-06 09:50:18 浏览: 16
这段JavaScript代码的作用是在页面加载完成后,获取输入框元素和按钮元素,当按钮被点击时,判断输入框是否为空,如果为空则弹出提示框,否则执行下一步操作。
以下是更改后的代码,为按钮添加了id属性,并将验证代码封装为函数:
```javascript
window.onload = function() {
var oinputs = document.getElementsByTagName("input");
var btn = document.getElementById("btn");
btn.onclick = function() {
if (validateInputs(oinputs)) {
// 输入合法,执行下一步操作
} else {
alert("输入内容不能为空");
}
}
};
function validateInputs(inputs) {
for (var i = 0; i < inputs.length; i++) {
if (!inputs[i].value) {
return false;
}
}
return true;
}
```
您可以将下面的代码复制到HTML文件中进行测试:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>验证输入框不能为空</title>
</head>
<body>
<input type="text" placeholder="请输入内容"><br>
<input type="text" placeholder="请输入内容"><br>
<button id="btn">提交</button>
<script type="text/javascript">
// 请将上面的代码粘贴到此处
</script>
</body>
</html>
```