SimpleMail/simpleEmail_Projekt/gui/js/handleRegister.js

52 lines
1.7 KiB
JavaScript

var passwordInput = document.querySelector("#password");
var retypePasswordInput = document.querySelector("#retype_password");
var passwordMessage = document.querySelector("#passwordMessage");
var retypePasswordMessage = document.querySelector("#retypePasswordMessage");
var username = document.querySelector("#username");
var userNameMessage = document.querySelector("#userNameMessage");
var btnSubmit = document.querySelector("input[type='submit']");
var form = document.querySelector("#registerForm");
btnSubmit.addEventListener("click", checkRegister);
function checkRegister(event) {
event.preventDefault(); // Verhindere, dass Formular automatisch abgeschickt wird
let hasError = false;
if (passwordInput.value.length < 6 || passwordInput.value.length === 0) {
passwordMessage.innerHTML = "Passwort ist zu kurz";
passwordMessage.style.color = "red";
hasError = true;
} else {
passwordMessage.innerHTML = "";
}
if (retypePasswordInput.value !== passwordInput.value) {
retypePasswordMessage.innerHTML = "Passwörter stimmen nicht überein!";
retypePasswordMessage.style.color = "red";
hasError = true;
} else {
retypePasswordMessage.innerHTML = "";
}
if (username.value.includes("@")) {
userNameMessage.innerHTML = "Benutzername darf kein @ enthalten!";
userNameMessage.style.color = "red";
hasError = true;
} else if (username.value.length === 0) {
userNameMessage.innerHTML = "Benutzername bitte eingeben!";
userNameMessage.style.color = "red";
hasError = true;
} else {
userNameMessage.innerHTML = ""; // Fehler entfernen
}
if (!hasError) {
form.submit();
} else {
return;
}
}