多步骤表单提交后跳转异常求助：仅跳转未提交数据

你的问题出在直接在表单提交代码后添加页面跳转——浏览器还没完成表单数据的发送请求，就被强制跳转到新页面，导致提交请求被中断，数据根本没传到后端config.php。

给你两种可行的解决方案：

方案一：后端处理完成后跳转（推荐） #

直接修改后端的config.php文件，在处理完表单数据（比如写入数据库、验证逻辑等）后，用PHP的跳转指令完成页面跳转：

<?php
// 这里写处理表单数据的代码，例如：
// $fname = $_POST['fname'];
// 执行插入数据库等操作...

// 数据处理完成后跳转
header("Location: index3.html");
exit; // 必须加上exit，防止后续代码执行
?>

这种方式最可靠，表单会正常完成提交流程，后端确认数据处理完毕后再引导用户跳转，不会出现数据丢失。

方案二：前端用AJAX提交表单 #

如果需要在前端控制跳转逻辑，可以用AJAX异步提交表单，等提交成功后再执行跳转：

1. 先修改表单标签，加上method="POST"（默认GET方式不安全且有数据长度限制）：

<form id="regForm" action="config.php" method="POST">

2. 修改nextPrev函数里的提交逻辑，替换原生的submit()：

function nextPrev(n) {
  var x = document.getElementsByClassName("tab");
  if (n == 1 && !validateForm()) return false;
  x[currentTab].style.display = "none";
  currentTab = currentTab + n;
  if (currentTab >= x.length) {
    const form = document.getElementById("regForm");
    const formData = new FormData(form);
    
    // 异步提交表单
    fetch(form.action, {
      method: form.method,
      body: formData
    }).then(response => {
      if (response.ok) {
        // 提交成功后跳转
        window.location.href = 'index3.html';
      } else {
        alert('表单提交失败，请重试');
      }
    }).catch(err => {
      console.error('提交错误:', err);
      alert('提交出错，请检查网络连接');
    });
    return false;
  }
  showTab(currentTab);
}

这种方式可以在提交过程中添加加载提示，也能更灵活处理提交失败的情况，但需要处理浏览器兼容性（现代浏览器都支持fetch，如需兼容旧版可以用XMLHttpRequest）。

内容的提问来源于stack exchange，提问作者jess