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;
    }
}