在submit中设置一个弹窗,在弹窗中调用另一个submit并提交表单
时间: 2024-02-09 12:09:34 浏览: 86
在submit中设置弹窗并调用另一个submit并提交表单的步骤如下:
1. 给第一个submit按钮添加一个onclick事件,事件里调用一个弹窗函数
```
<button type="submit" onclick="showPopup()">提交</button>
```
2. 在弹窗函数中设置一个确认框,并在确认框中调用第二个submit按钮的点击事件
```
function showPopup() {
if (confirm("确定要提交吗?")) {
document.getElementById("secondSubmit").click();
}
}
```
3. 隐藏第二个submit按钮,不显示在页面上
```
<button type="submit" id="secondSubmit" style="display:none;"></button>
```
4. 在第二个submit按钮的onclick事件中提交表单
```
document.forms[0].submit();
```
完整代码如下:
```
<form>
<button type="submit" onclick="showPopup()">提交</button>
<button type="submit" id="secondSubmit" style="display:none;"></button>
</form>
<script>
function showPopup() {
if (confirm("确定要提交吗?")) {
document.getElementById("secondSubmit").click();
}
}
document.getElementById("secondSubmit").onclick = function() {
document.forms[0].submit();
};
</script>
```
阅读全文