First upload
This commit is contained in:
@@ -0,0 +1,78 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user