html点击按钮,若输入框有数值则跳转到另一个页面,若没有数值则显示弹窗
时间: 2024-01-05 09:02:18 浏览: 93
您可以在点击按钮时,通过JavaScript代码获取输入框中的数值,然后根据数值是否存在来执行不同的操作。具体实现如下:
HTML部分:
```
<input type="text" id="input">
<button onclick="checkInput()">提交</button>
```
JavaScript部分:
```
function checkInput() {
var inputVal = document.getElementById("input").value;
if (inputVal) {
// 有数值,跳转到另一个页面
window.location.href = "http://example.com";
} else {
// 没有数值,显示弹窗
alert("请输入数值!");
}
}
```
这里通过`document.getElementById("input").value`获取输入框的数值,如果数值存在,则通过`window.location.href`实现页面跳转,否则通过`alert()`方法弹出提示框。
阅读全文