PHP反馈表单数据未入库、单选框报错及跳转失败问题排查求助

问题1：数据库无数据入库 #

核心原因 #

单选按钮未设置有效value属性：当前性别、反馈类型的单选框value绑定的是初始为空的PHP变量，用户选择后无实际值提交到后端，导致后端验证判定字段为空，跳过数据库插入逻辑。

修复代码 #

性别单选框修改：

<p>
    <span class="w3-tag">GENDER</span>
    <input class="w3-padding-16 w3-border form-control <?php echo (!empty($gender_err)) ? 'is-invalid' : ''; ?>" 
           value="Male" type="radio" name="gender" 
           <?php echo ($gender == 'Male') ? 'checked' : ''; ?>> Male
    <input class="w3-padding-16 w3-border form-control <?php echo (!empty($gender_err)) ? 'is-invalid' : ''; ?>" 
           value="Female" type="radio" name="gender" 
           <?php echo ($gender == 'Female') ? 'checked' : ''; ?>> Female
    <span class="invalid-feedback"><?php echo $gender_err; ?></span>
</p>

反馈类型单选框修改：

<p>
    <span class="w3-tag">TYPES OF FEEDBACK</span>
    <input class="w3-padding-16 w3-border form-control <?php echo (!empty($feedback_types_err)) ? 'is-invalid' : ''; ?>" 
           value="Suggestion" type="radio" name="feedback_types" 
           <?php echo ($feedback_types == 'Suggestion') ? 'checked' : ''; ?>> Suggestion
    <input class="w3-padding-16 w3-border form-control <?php echo (!empty($feedback_types_err)) ? 'is-invalid' : ''; ?>" 
           value="Complaint" type="radio" name="feedback_types" 
           <?php echo ($feedback_types == 'Complaint') ? 'checked' : ''; ?>> Complaint
    <input class="w3-padding-16 w3-border form-control <?php echo (!empty($feedback_types_err)) ? 'is-invalid' : ''; ?>" 
           value="Enquiry" type="radio" name="feedback_types" 
           <?php echo ($feedback_types == 'Enquiry') ? 'checked' : ''; ?>> Enquiry
    <span class="invalid-feedback"><?php echo $feedback_types_err; ?></span>
</p>

跳转逻辑补全：

在跳转代码后添加exit终止脚本，避免后续输出破坏HTTP头：

if(mysqli_stmt_execute($stmt)){
    header("location: home.html");
    exit; // 必须添加，终止脚本执行
} else{
    echo "Something went wrong. Please try again later.";
}

问题2：单选框错误提示需点击提交才显示 #

修复方案：结合前端实时验证 #

1. 添加CSS样式，让错误提示在验证不通过时自动显示：

<style>
.invalid-feedback {
    color: #dc3545;
    display: none;
}
.has-error .invalid-feedback,
form:invalid .invalid-feedback {
    display: block;
}
</style>

2. 给单选框组添加容器标记错误状态：

<div class="radio-group <?php echo (!empty($gender_err)) ? 'has-error' : ''; ?>">
    <!-- 性别单选框代码 -->
</div>

问题3：表单无法跳转至首页 #

该问题是问题1的连锁反应：当单选框无有效值时，后端验证不通过，不会执行插入和跳转逻辑。修复问题1后，配合跳转后的exit语句，即可正常跳转。

额外检查：确保home.html路径正确，若文件不在当前PHP目录下，需调整为绝对路径（如/home.html）。

额外优化建议 #

1. 邮箱格式验证：补充正则校验避免无效邮箱：

else{
    $email = trim($_POST["email"]);
    if(!filter_var($email, FILTER_VALIDATE_EMAIL)){
        $email_err = "Please enter a valid email address.";
    }
}

2. 日期验证文案修正：JS提示文案逻辑矛盾，修改为：

if (new Date(UserDate).getTime() <= ToDate.getTime()) {
    alert("Booking date must be future or equal to today's date");
    return false;
}

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