使用 PHP 和 JavaScript 处理重复的电子邮件条目

解决重复的电子邮件提交响应

用于服务器端验证的 PHP 脚本

//php
error_reporting(E_ALL);
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, GET, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
header('Content-Type: application/json');
session_start();
$conn = new mysqli("localhost", "root", "Proverbs31!", "IPN");
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}
$email = $_POST['email'];
$sql = "SELECT COUNT(*) AS count FROM profile WHERE email = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("s", $email);
$stmt->execute();
$result = $stmt->get_result();
$row = $result->fetch_assoc();
$count = (int)$row['count'];
if($count > 0) {
    http_response_code(409);
    echo json_encode(array("error" => "Email address already exists"));
    exit;
} else {
    // Proceed with user registration
}
$stmt->close();
$conn->close();
//

增强客户端电子邮件验证反馈

用于前端处理的 JavaScript

document.getElementById('signup-form').addEventListener('submit', function(event) {
    event.preventDefault();
    const form = event.target;
    const formData = new FormData(form);
    fetch('http://127.0.0.1:8080/ipn.php', {
        method: 'POST',
        body: formData
    })
    .then(function(response) {
        console.log('Response status:', response.status);
        if (response.status === 409) {
            return response.json().then(function(data) {
                const errorMessage = document.getElementById('error-message');
                errorMessage.textContent = data.error;
                errorMessage.style.display = 'block';
            });
        } else if (response.status === 200) {
            form.reset();
            // Redirect or show success message
        } else {
            throw new Error('An unexpected error occurred');
        }
    })
    .catch(function(error) {
        console.error('Fetch error:', error);
    });
});

有关处理重复电子邮件提交的常见问题

1. 对于重复的电子邮件条目应使用什么 HTTP 状态代码？
2. 建议使用 409（冲突）状态代码来指示重复条目。
3. 检查重复电子邮件时如何防止 PHP 中的 SQL 注入？
4. 将准备好的语句与参数化查询结合使用，可以安全地将用户输入包含在 SQL 语句中。
5. 表单提交是否需要使用AJAX？
6. 虽然不是必需的，但 AJAX 或 Fetch API 通过在提交时不重新加载页面来提供更好的用户体验。
7. 如果检测到重复的电子邮件，如何在前端显示错误消息？
8. 使用 JavaScript 检查来自服务器的响应状态代码并更新 DOM 以显示错误消息。
9. 是否可以纯粹在客户端执行重复的电子邮件检查？
10. 不可以，需要进行服务器端检查以确保准确性，因为客户端无法访问服务器的数据库。
11. Fetch API 在处理表单提交中的作用是什么？
12. Fetch API 用于向服务器发出异步 HTTP 请求，而无需重新加载网页。
13. 服务器端验证如何提高安全性？
14. 服务器端验证可确保维护数据完整性并防止恶意客户端篡改。
15. 为什么处理重复项时客户端反馈很重要？
16. 客户端反馈为用户提供即时指导，改善交互并防止表单重新提交。
17. HTTP状态码如何增强客户端和服务器之间的通信？
18. 它们提供了一种指示 HTTP 请求结果的标准化方法，从而可以在客户端进行更精确的错误处理。
19. 处理表单错误时可以采取哪些措施来增强用户体验？
20. 提供清晰、即时的错误反馈、简化表单字段并最大限度地减少用户更正的需要可以增强体验。