Koden funkar ej

Detta är lite kod som jag har fått problem med, jag vet inte om jag har missat något men det funkar inte, skulle någon kunna hjälpa mig för att förstå vad jag har gjort fel

Jag föresöker skapa en realtime validation till mitt formulär

 

 

const validationForm = formSelector =>{
    const formElement = document.querySelector(formSelector);

    const validationOptions = [
        {
            attribute: 'required',
            isValid: input => input.value.trim() !== '',
            errorMessage: (input, label) => '{lable.textContent} is required'
        }
    ];

 

 

    const validateAllFormGroup = formDiv => {
        const label = formGroup.querySelector('label');
        const input = formGroup.querySelector('input');
        const errorContainer = formGroup.querySelector('.error');
        const errorIcon = formGroup.querySelector('.error-icon');
        const successIcon = formGroup.querySelector('.success-icon');

        for(const option of validationOptions){
            if(input.hasAttribut(option.attribute) && !option.isValis(input)){
                errorContainer.textContent = option.errorMessage(input, label);
            }
        }
    };

    formElement.setAttribute('novalidate', '');

    formElement.addEventListener('submit', event => {
        event.preventDefault();
        validateAllFormGroups(formElement);
    });

    const validateAllFormGroups = formToValidate => {
        const formGroups = Array.form(formToValidate.querySelectorAll('.formDiv'));
        formGroups.forEach(formDiv =>{
            validateSingleFormGroup(formGroup);
        });
    };
}

validationForm('#medelandeForm');

 

mvh