表单保存打开确认框,点击确定关闭表单弹窗
时间: 2024-03-25 13:35:33 浏览: 88
表单验证弹出对话框
您可以使用 JavaScript 来实现这个功能。您可以在表单提交前添加一个确认框,然后在确认框中询问用户是否要保存表单。如果用户点击“确定”,则提交表单并关闭弹窗。如果用户点击“取消”,则不提交表单并保持弹窗打开。
以下是示例代码:
```javascript
// 获取表单元素
var form = document.getElementById("myForm");
// 在表单提交前添加确认框
form.addEventListener("submit", function(event) {
var confirmation = confirm("确定要保存表单吗?");
if (!confirmation) {
event.preventDefault(); // 阻止表单提交
}
});
// 关闭表单弹窗
function closeForm() {
var confirmation = confirm("确定要关闭表单吗?");
if (confirmation) {
document.getElementById("formModal").style.display = "none";
}
}
```
请注意,在上面的代码中,我使用了一个名为 `formModal` 的元素来表示表单弹窗。您需要根据您的代码来替换它。
阅读全文