如果表单内有两个input怎么办
时间: 2023-07-20 10:23:41 浏览: 71
如果表单中有多个输入框,可以通过获取所有输入框的值,并进行相应的判断来实现表单内容满足条件后跳转页面。
首先,在表单中添加一个 "onsubmit" 事件,当表单提交时会触发该事件。例如:
```
<form action="http://example.com/submit" method="post" onsubmit="return validateForm()">
<input type="text" name="input1" id="input1">
<input type="text" name="input2" id="input2">
<input type="submit" value="提交">
</form>
```
上面的代码表示,在表单提交时会调用名为 "validateForm()" 的JavaScript函数来判断表单内容是否满足条件。
然后,定义 "validateForm()" 函数,该函数判断表单内容是否满足条件,如果满足条件则返回true,否则返回false。例如:
```
function validateForm() {
// 获取表单元素
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
// 判断表单内容是否满足条件
if (input1.value == "" || input2.value == "") {
alert("请输入内容!");
return false;
}
// 如果满足条件,则返回true,表单提交成功
return true;
}
```
上面的代码表示,当表单提交时,会获取表单中的 "input1" 和 "input2" 元素,判断它们的内容是否为空。如果有一个输入框的内容为空,则弹出提示框,返回false,表单提交失败。如果两个输入框的内容都不为空,则返回true,表单提交成功,并跳转到指定的URL地址。
在这个例子中,如果两个输入框中的内容都不为空,则会跳转到指定的URL地址。如果有一个输入框的内容为空,则不会跳转页面,而是弹出提示框。