reCAPTCHA验证后表单提交，后端PHP代码无响应问题

你的后端PHP代码未执行的核心原因是：通过JavaScript调用form.submit()提交表单时，不会自动包含提交按钮的name和value到POST数据中，而你的PHP代码依赖isset($_POST['btnRegister'])触发逻辑，因此这部分代码永远不会执行。

下面是具体的修复步骤：

1. 修正JavaScript代码 #

• 优化条件判断逻辑，避免歧义
• 手动添加隐藏字段模拟提交按钮参数，确保后端能检测到表单提交
• 用let/const声明变量，避免全局污染

const form = document.getElementById("register-form");
form.addEventListener('submit', (e) => {
    e.preventDefault();
    const captcha = grecaptcha.getResponse();
    
    if (captcha.length === 0) {
        const error = document.getElementById("error-msg");
        error.style.display = "block";
        error.innerHTML = "验证失败！请完成reCAPTCHA验证。";
        console.error("captcha not complete.");
        return;
    }

    // 手动添加隐藏字段，模拟提交按钮的参数
    const hiddenSubmit = document.createElement('input');
    hiddenSubmit.type = 'hidden';
    hiddenSubmit.name = 'btnRegister';
    hiddenSubmit.value = '提交'; // 与实际提交按钮的value保持一致
    form.appendChild(hiddenSubmit);

    form.submit();
});

2. 修复PHP代码问题 #

• 移除mysqli_query中错误的命名参数写法
• 使用预处理语句杜绝SQL注入风险
• 清理多余的无效代码行
• 优化错误提示信息

<?php
include('database/connection.php');

if (isset($_POST['btnRegister'])) {
    echo "test";

    // 预处理查询，检查邮箱是否已注册
    $checkEmailStmt = $connect->prepare("SELECT Email FROM Customer WHERE Email = ?");
    $checkEmailStmt->bind_param("s", $_POST['email']);
    $checkEmailStmt->execute();
    $result = $checkEmailStmt->get_result();

    if ($result->num_rows === 0) {
        // 预处理插入语句
        $insertStmt = $connect->prepare("INSERT INTO Customer (Firstname,Surname,Age,Gender,Email,Password,Phone,City,Country) VALUES(?, ?, ?, ?, ?, ?, ?, ?, ?)");
        $insertStmt->bind_param("ssissssss", 
            $_POST['firstname'],
            $_POST['lastname'],
            $_POST['age'],
            $_POST['gender'],
            $_POST['email'],
            $_POST['password'],
            $_POST['phone'],
            $_POST['city'],
            $_POST['country']
        );

        if ($insertStmt->execute()) {
            echo "<script>window.alert('注册成功')</script>";
        } else {
            echo "<script>window.alert('注册失败：" . $connect->error . "')</script>";
        }
        $insertStmt->close();
    } else {
        echo "<script>window.alert('该邮箱已被注册')</script>";
    }
    $checkEmailStmt->close();
    $connect->close();
}
?>

额外提醒 #

• 密码不要明文存储，必须用password_hash()加密后再存入数据库
• 前端reCAPTCHA验证仅做初步校验，必须在后端调用Google官方API进行二次验证，防止恶意绕过
• 始终对用户输入做过滤和校验，避免XSS等安全问题

内容的提问来源于stack exchange，提问作者Wai Yan Min Min