如何在表单中创建指向指定链接的提交按钮？

我来帮你解决这个问题，结合你给出的HTML和PHP代码，有几种实用的方案可以实现提交按钮跳转指定链接的需求：

方案1：直接设置表单的action属性（最简单场景） #

如果你的表单不需要复杂的PHP验证，或者希望提交后直接跳转到目标链接，直接把表单的action属性设置为目标URL即可。这样点击提交按钮后，表单数据会发送到指定链接，页面也会自动跳转过去。

修改你的表单标签：

<form method="POST" action="https://你的目标链接地址">
  <p><span class="error">* required field.</span></p>
  <p>姓名: <input type="text" name="NAME"> <span class="error">* <?php echo $nameErr;?></span></p>
  <p>密码: <input type="password" name="PASSWORD"> <span class="error">* <?php echo $passwordErr;?></span></p>
  <p>班级: <input type="number" name="CLASS"> <span class="error">* <?php echo $classError;?></span></p>
  <input type="submit" value="提交并跳转">
</form>

方案2：PHP验证后跳转（适合需要数据校验的场景） #

从你的代码来看，你已经在做表单数据的PHP验证，那可以在验证通过后，用PHP的header()函数实现跳转。注意：header()必须在任何HTML输出之前调用，所以我们可以用输出缓冲来避免报错。

修改你的PHP代码部分：

<?php
// 启动输出缓冲，防止header函数报错
ob_start();

$passwordErr="";
$password="";
$classError="";
$Studentclass=0;
$nameErr="";
$Studentname="";

if($_SERVER["REQUEST_METHOD"]=="POST") {
    $Studentname = $_POST['NAME'];
    $password = $_POST['PASSWORD'];
    $Studentclass = $_POST['CLASS'];
    $isValid = true;

    // 姓名验证逻辑
    if(empty($Studentname)) {
        $nameErr = "Name cannot be empty";
        $isValid = false;
    } elseif (!preg_match("/^[a-zA-Z]*$", $Studentname)) {
        $nameErr = "Only letters are allowed";
        $isValid = false;
    }

    // 这里可以添加密码、班级的验证逻辑...

    // 如果所有验证通过，跳转到指定链接
    if($isValid) {
        // 可选：在这里处理表单数据，比如存入数据库
        // 执行跳转
        header("Location: https://你的目标链接地址");
        exit; // 必须调用exit，防止后续代码继续执行
    }
}

ob_end_flush();
?>

对应的HTML表单可以留空action（默认提交到当前页面）：

<form method="POST" action="">
  <p><span class="error">* required field.</span></p>
  <p>姓名: <input type="text" name="NAME"> <span class="error">* <?php echo $nameErr;?></span></p>
  <p>密码: <input type="password" name="PASSWORD"> <span class="error">* <?php echo $passwordErr;?></span></p>
  <p>班级: <input type="number" name="CLASS"> <span class="error">* <?php echo $classError;?></span></p>
  <input type="submit" value="提交">
</form>

方案3：JavaScript前端跳转（适合前端控制逻辑） #

如果需要在前端控制跳转时机，比如验证通过后再跳转，可以用JavaScript实现：

<form id="studentLoginForm" method="POST" action="">
  <p><span class="error">* required field.</span></p>
  <p>姓名: <input type="text" name="NAME" id="studentName"> <span class="error">* <?php echo $nameErr;?></span></p>
  <p>密码: <input type="password" name="PASSWORD"> <span class="error">* <?php echo $passwordErr;?></span></p>
  <p>班级: <input type="number" name="CLASS"> <span class="error">* <?php echo $classError;?></span></p>
  <input type="submit" value="提交并跳转" onclick="handleSubmit(event)">
</form>

<script>
function handleSubmit(event) {
  const studentName = document.getElementById('studentName').value;
  // 前端验证姓名是否为空
  if(!studentName.trim()) {
    alert("Name cannot be empty");
    event.preventDefault(); // 阻止表单提交
    return;
  }
  // 验证通过后跳转
  setTimeout(() => {
    window.location.href = "https://你的目标链接地址";
  }, 100); // 延迟一点确保表单数据提交完成
}
</script>

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