79 lines
2.5 KiB
PHP
79 lines
2.5 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
|
|
<title>Form con Ricerca Email</title>
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<form>
|
|
<label for="name">Nome:</label>
|
|
<input type="text" id="name" name="name"><br><br>
|
|
|
|
<label for="surname">Cognome:</label>
|
|
<input type="text" id="surname" name="surname"><br><br>
|
|
|
|
<label for="email">Email:</label>
|
|
<input type="text" id="email" name="email"><br><br>
|
|
|
|
<label for="userid">UserID:</label>
|
|
<input type="text" id="userid" name="userid"><br><br>
|
|
</form>
|
|
|
|
<div id="search-results"></div>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
$("#surname").on("input", function() {
|
|
var searchTerm = $(this).val();
|
|
// Verifica se la lunghezza del termine di ricerca è almeno 2 caratteri
|
|
if (searchTerm.length >= 2) {
|
|
// Effettua una richiesta AJAX per cercare nella tabella auth_users
|
|
$.ajax({
|
|
url: "searchemail.php", // Sostituisci con l'URL del tuo script di backend
|
|
method: "POST",
|
|
data: { searchTerm: searchTerm },
|
|
dataType: "json",
|
|
success: function(data) {
|
|
var results = data.results;
|
|
$("#search-results").empty();
|
|
|
|
if (results.length > 0) {
|
|
$("#search-results").append("<p>Seleziona un utente:</p>");
|
|
|
|
for (var i = 0; i < results.length; i++) {
|
|
var user = results[i];
|
|
$("#search-results").append(
|
|
'<div class="user-result" data-email="' + user.email + '" data-userid="' + user.id + '" data-firstname="' + user.first_name + '" data-lastname="' + user.last_name + '">' +
|
|
'Email: ' + user.email + ' | Nome: ' + user.first_name + ' | Cognome: ' + user.last_name +
|
|
'</div>'
|
|
);
|
|
}
|
|
|
|
$(".user-result").click(function() {
|
|
var selectedEmail = $(this).data("email");
|
|
var selectedUserId = $(this).data("userid");
|
|
var selectedFirstName = $(this).data("firstname");
|
|
var selectedLastName = $(this).data("lastname");
|
|
|
|
$("#email").val(selectedEmail);
|
|
$("#userid").val(selectedUserId);
|
|
$("#name").val(selectedFirstName);
|
|
$("#surname").val(selectedLastName);
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
} else {
|
|
// Se il termine di ricerca ha meno di 2 caratteri, svuota i risultati
|
|
$("#search-results").empty();
|
|
}
|
|
});
|
|
});
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|