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

如何修复“表单验证中的多个if语句”

0 个答案: