Как исправить «несколько операторов if в формах проверки»

Question

Я работаю над заданием для университета. Мне нужно сделать простую систему проверки формы с помощью JavaScript. Проблема в том, что я не могу понять это правильно. Первый оператор if else работает отлично, однако второй оператор if не работает. Однако, если я скопирую и вставлю второй оператор if в консоли в браузере, он сработает. Если я попытаюсь скопировать и вставить все операторы if-else, то это снова не сработает.

Я уже пробовал смотреть на код в других примерах, но, похоже, не могу найти решение.

let nameForm = $('#name').val();
let age = $("#age").val();
let email = $('#email').val();
let city = $('#city').val();

if(nameForm != ""){
    $("#name").attr("class", function(i, origValue){
        return origValue + " is-valid";
    });
}
else{

    $("#name").attr("class", function(i, origValue){
        return origValue + " is-invalid";
});
}
if(isNaN(age)) {
    $("#age").attr("class", function (i, origValue) {
        return origValue + " is-valid";
    });
}

Я попытался удалить все attr () и заменить его на addClass (). Это код, который у меня есть сейчас, но класс действителен и не добавляется с возрастом ввода.

if(nameForm != ""){
    $("#name").removeClass("is-invalid");
    $("#name").addClass("is-valid");
}
else if(nameForm === "") {
    $("#name").removeClass("is-valid");
    $("#name").addClass("is-invalid");
}
if(isNaN(age)){
    alert('test2');
    $("#age").removeClass("is-invalid");
    $("#age").addClass("is-valid");
}

Единственная ошибка, которую я получил, это: Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено), но это для файла styles.css, и этот файл пуст.