Login továbbfejlesztése

This commit is contained in:
2025-04-11 10:56:51 +02:00
parent 6d276e73b8
commit 7a757e84b2
@@ -23,10 +23,7 @@
<div class="card shadow p-4" style="min-width: 350px; max-width: 400px; width: 100%;"> <div class="card shadow p-4" style="min-width: 350px; max-width: 400px; width: 100%;">
<h2 class="mb-4 text-center">Bejelentkezés</h2> <h2 class="mb-4 text-center">Bejelentkezés</h2>
@if (!string.IsNullOrEmpty(Model.ErrorMessage)) <div id="errorMessageContainer" class="alert alert-danger" style="display:none;"></div>
{
<div class="alert alert-danger">@Model.ErrorMessage</div>
}
<form method="post"> <form method="post">
<meta name="csrf-token" content="@Antiforgery.GetAndStoreTokens(HttpContext).RequestToken" /> <meta name="csrf-token" content="@Antiforgery.GetAndStoreTokens(HttpContext).RequestToken" />
@@ -69,6 +66,8 @@
$('#Login2F2Btn').hide(); $('#Login2F2Btn').hide();
$('#Login2F1Btn').on('click', function () { $('#Login2F1Btn').on('click', function () {
$('#Login2F1Btn, #Login2F2Btn').prop('disabled', true);
$('#errorMessageContainer').hide().text('');
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content'); const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
const userName = $('#User2FADTO_UserName').val(); const userName = $('#User2FADTO_UserName').val();
const password = $('#User2FADTO_Password').val(); const password = $('#User2FADTO_Password').val();
@@ -94,17 +93,21 @@
$('#Login2F2Btn').show(); $('#Login2F2Btn').show();
$('#User2FADTO_Token2FA').val(result.data) $('#User2FADTO_Token2FA').val(result.data)
} else { } else {
alert('Hibás felhasználónév vagy jelszó!'); $('#errorMessageContainer').text('Hibás felhasználónév vagy jelszó!').show();
$('#Login2F1Btn, #Login2F2Btn').prop('disabled', false);
} }
}, },
error: function () { error: function () {
alert('Hiba történt a kérés során.'); $('#errorMessageContainer').text('Hiba történt a kérés során.').show();
$('#Login2F1Btn, #Login2F2Btn').prop('disabled', false);
} }
}); });
}); });
$('#Login2F2Btn').on('click', function () { $('#Login2F2Btn').on('click', function () {
$('#Login2F1Btn, #Login2F2Btn').prop('disabled', true);
$('#errorMessageContainer').hide().text('');
const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content'); const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
const userName = $('#User2FADTO_UserName').val(); const userName = $('#User2FADTO_UserName').val();
@@ -130,16 +133,22 @@
if (result.success) { if (result.success) {
window.location.href = `/Index`; window.location.href = `/Index`;
} else { } else {
alert('Hibás felhasználónév vagy jelszó!'); $('#errorMessageContainer').text('Hibás felhasználónév vagy jelszó!').show();
$('#Login2F1Btn, #Login2F2Btn').prop('disabled', false);
} }
}, },
error: function (xhr) { error: function (xhr) {
console.log(xhr.status); console.log(xhr.status);
console.log(xhr.responseText); console.log(xhr.responseText);
alert('Hiba történt a kérés során.'); $('#errorMessageContainer').text('Hiba történt a kérés során.').show();
$('#Login2F1Btn, #Login2F2Btn').prop('disabled', false);
} }
}); });
});
$('input').on('input', function () {
$('#errorMessageContainer').hide().text('');
}); });
}); });
</script> </script>