Как изменить цвет ввода в зависимости от существования электронной почты с помощью PHP, AJAX и jQuery? ⇐ Php

[Anonymous]

Я новичок в PHP, JavaScript и программировании в целом, и буду очень признателен за любые советы, которые вы можете предложить.
Проблема:

Я хочу изменить цвет поля ввода электронной почты в зависимости от того, существует ли введенный адрес электронной почты в базе данных. Если адрес электронной почты существует, поле ввода должно стать красным; в противном случае он должен стать зеленым. Я использую PHP для логики на стороне сервера и AJAX/jQuery для клиентской стороны.
Процесс:

Когда ввод электронной почты теряет фокус, AJAX-запрос отправляется на адрес email_checker.php, где я проверяю, существует ли электронное письмо уже в базе данных.

Затем я использую ответ, чтобы изменить цвет поля ввода.
script.js (AJAX и jQuery):
$(document).ready(function() {
$('form>input[name=email]').on('blur', checkEmail); // Trigger when the email input loses focus

function checkEmail() {
var received_email = $('form>input[name=email]').val(); // Get the email value

$.ajax({
url: "servers/email_checker.php", // Send request to this PHP file
type: "POST", // HTTP POST method
data: { email: received_email }, // Pass the email data
success: function(result) { // Handle the response
if (result.available) { // Email available
$('form>input[name=email]').css('color', 'green');
} else { // Email already exists
$('form>input[name=email]').css('color', 'red');
alert('Cet email est déjà utilisé.'); // Show error message
}
},
error: function(err) { // Error handling
alert("Une erreur est survenue: " + err.statusText);
}
});
}
});

servers/email_checker.php (логика на стороне сервера):
session_start();
include("db.php");

if (isset($_POST["email"])) {
$email = $_POST["email"];

// Check if the email already exists
$sql = "SELECT * FROM clients WHERE email = '$email'";
$result = mysqli_query($conn, $sql);

// Return JSON response
if (mysqli_num_rows($result) > 0) {
echo json_encode(["available" => false]); // Email exists
} else {
echo json_encode(["available" => true]); // Email available
}
} else {
echo json_encode(["available" => false]); // No email sent
}

new.php (Форма и код PHP):







Créer un compte
















Подробнее здесь: https://stackoverflow.com/questions/792 ... x-and-jque