AJAX实时注册邮箱校验故障修复请求

看起来你的核心问题是AJAX部分干扰了原有功能，现在我帮你重构这部分代码，实现和密码校验逻辑一致的邮箱实时检测，同时保证输入内容不会被清除：

首先替换check-main.php里的$.ajax相关代码，完整的checkStepOne()函数如下：

function checkStepOne() {
    // 获取邮箱输入值和对应的错误提示标签
    const emailInput = $('#owner_email');
    const emailValue = emailInput.val().trim();
    const errorLabel = emailInput.siblings('.error');
    
    // 先做基础的非空校验
    if (!emailValue) {
        errorLabel.text('<?=$lang['i_013']?>不能为空').show();
        window.chkmail = 0;
        return false;
    }

    // 发起AJAX请求检测邮箱
    $.ajax({
        url: 'check-email.php', // 确保这个路径和当前页面的相对位置正确
        type: 'POST',
        data: { email: emailValue },
        dataType: 'json',
        beforeSend: () => {
            errorLabel.text('检测中...').show();
        },
        success: (response) => {
            if (response.exists) {
                // 邮箱已存在，显示对应错误提示
                errorLabel.text('<?=$lang['w_024']?>').show();
                window.chkmail = 0; // 和密码校验的chkpass逻辑对齐
            } else {
                // 邮箱可用，显示合法提示
                errorLabel.text('<?=$lang['i_014']?>').show();
                window.chkmail = 1;
            }
        },
        error: () => {
            // 请求出错时的降级提示
            errorLabel.text('检测失败，请重试').show();
            window.chkmail = 0;
        }
    });

    // 阻止默认的表单提交或页面跳转行为
    return false;
}

然后需要确保check-email.php的后端逻辑正确，返回标准JSON格式的响应，示例代码如下：

<?php
// 引入你的数据库连接文件
include('path/to/your/db-connection.php');

$email = $_POST['email'] ?? '';
$exists = false;

if (!empty($email)) {
    // 用预处理语句防止SQL注入
    $stmt = $db->prepare("SELECT COUNT(*) FROM users WHERE email = ? LIMIT 1");
    $stmt->bind_param("s", $email);
    $stmt->execute();
    $stmt->bind_result($count);
    $stmt->fetch();
    $exists = $count > 0;
    $stmt->close();
}

// 返回JSON格式的响应
header('Content-Type: application/json');
echo json_encode(['exists' => $exists]);
?>

关键修复点说明： #

• 输入内容保留：全程只读取输入框的值，没有修改value属性，所以邮箱内容不会被清除
• 逻辑对齐密码校验：设置了window.chkmail状态变量，和密码校验的chkpass逻辑保持一致，方便后续表单提交时判断
• 安全优化：后端用预处理语句防止SQL注入，前端用POST请求传递参数
• 友好状态提示：添加了"检测中..."的过渡提示，请求出错也有对应的降级提示
• UI风格统一：直接操作邮箱输入框的兄弟元素.error，和密码校验的错误提示DOM操作逻辑完全一致

最后测试时注意确认check-email.php的路径是否正确，以及数据库查询逻辑是否和你的实际表结构匹配。

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