0

我正在为大学做作业。我需要用 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()。这是我现在拥有的代码，但仍然没有使用输入年龄添加类 is-valid。

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 文件，该文件为空。

4

0 回答 0