Bootstrap表单无法将数据提交至PHP的$_POST变量问题排查

核心问题根源 #

表单提交后无法将数据传入PHP的$_POST变量，主要原因是所有表单输入控件缺少name属性，同时提交按钮的检测逻辑、JS验证选择器也存在不匹配问题。

具体修复步骤 #

1. 为所有输入控件添加name属性 #

PHP的$_POST依赖表单控件的name属性获取值，你的输入框仅设置了id，必须补充对应的name属性：

<!-- 名字输入框 -->
<input type="text" class="form-control" id="firstname" name="firstname" placeholder="First Name" minlength="2" required>

<!-- 姓氏输入框 -->
<input type="text" class="form-control" id="lastname" name="lastname" placeholder="Last Name" minlength="3" required>

<!-- 以下所有输入控件都需添加对应name属性 -->
<input type="email" class="form-control" id="email" name="email" placeholder="Email" required>
<input type="text" class="form-control" id="username" name="username" placeholder="User Name" minlength="5" required>
<input type="password" class="form-control" id="password" name="password" placeholder="Password" onkeypress="ValidatePassword()" required>
<input type="password" class="form-control" id="confirmpassword" name="confirmpassword" placeholder="Confirm Password" onkeypress="ValidatePassword()" required>

2. 修正提交按钮的检测逻辑 #

你当前PHP中判断isset($_POST['submit'])，但提交按钮仅设置了id="submit"，需补充name="submit"属性：

<button class="btn btn-warning" type="submit" id="submit" name="submit">Submit</button>

更可靠的方式是直接检测请求方法（无需依赖按钮name）：

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $first_name = $_POST['firstname'];
    $last_name = $_POST['lastname'];
    echo '<script>alert("Submitted");</script>';
}

3. 匹配JS验证的表单选择器 #

你的JS代码选择.needs-validation类，但表单实际类是page-form was-validated，二选一修改：

• 给表单添加needs-validation类：

<form class="page-form needs-validation was-validated" action="" method="post" novalidate>

• 或修改JS选择器：

var forms = document.querySelectorAll('.page-form')

4. 修正细节错误 #

• 密码确认的标签for属性写错，需对应confirmpassword的id：

<label for="confirmpassword">Confirm Password</label>

修复后的PHP调试示例 #

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // 调试时可先打印所有POST数据
    // print_r($_POST);

    $first_name = $_POST['firstname'] ?? '';
    $last_name = $_POST['lastname'] ?? '';
    echo '<script>alert("提交成功！");</script>';
}
?>

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