提交前确认表单 - JavaScript

介绍

提交前确认表单是指当用户提交表单之前，需要先弹出一个确认框，询问用户是否要提交。这种功能可以避免用户误提交或者提交后后悔的情况。

通常情况下，我们会在表单的提交按钮上绑定一个 onclick 事件，当用户点击提交按钮时，先弹出一个确认框，等用户确认后再提交表单。这个过程可以通过 JavaScript 来实现。

实现步骤

首先，我们需要获取提交按钮的 DOM 元素，并给它绑定一个 onclick 事件：

var submitButton = document.getElementById('submit-button');
submitButton.onclick = function() {
  // 点击事件处理函数
}

然后，在点击事件处理函数中，我们需要弹出确认框：

var confirmResult = confirm('确定要提交表单吗？');
if (confirmResult == true) {
  // 用户点击了确认按钮，提交表单
} else {
  // 用户点击了取消按钮，不提交表单
}

confirm 函数是 JavaScript 内置的函数，可以弹出一个确认框，并返回用户的选择结果。如果用户点击了确认按钮，confirm 函数返回 true，否则返回 false。

最后，根据用户的选择结果，决定是否提交表单：

var confirmResult = confirm('确定要提交表单吗？');
if (confirmResult == true) {
  // 用户点击了确认按钮，提交表单
  document.forms[0].submit();
} else {
  // 用户点击了取消按钮，不提交表单
}

这里使用了 document.forms[0].submit() 方法提交表单。如果你的页面中有多个表单，需要修改 forms[0] 中的数字来指定要提交的表单。

示例代码

var submitButton = document.getElementById('submit-button');
submitButton.onclick = function() {
  var confirmResult = confirm('确定要提交表单吗？');
  if (confirmResult == true) {
    document.forms[0].submit();
  } else {
    return false;
  }
}

参考链接

• JavaScript confirm() 函数