javascript - 一行 Javascript 导致文件的其余部分无法运行

Question

我有一个 Javascript 文件，用于检查表单的输入。但是，当我取消注释行时，javascript 文件无法正常运行，即使某些字段为空，表单也会提交。事实上，Javascript 文件甚至没有进入第二个警报函数。这是怎么回事？

function checkLogin()
{
    alert("HERE");
    //document.getElementById("errors").style.display = "none";
    var form = document.getElementById("form1");
    var problems = false;
    document.getElementById("errorJS").style.display = "none";
    document.getElementById("errorJS").innerHTML = "";
    alert("test");
    if(form.email.value.length < 1)
    {
        document.getElementById("errorJS").innerHTML += "Please enter your email address. <br />";
        problems = true;
        document.getElementById("errorJS").style.display = "block";
    }
    if(form.pword.value.length < 1)
    {
        document.getElementById("errorJS").innerHTML += "Please enter your password.";
        problems = true;
        document.getElementById("errorJS").style.display = "block";
    }
    alert(!(problems));
    return !(problems);
}

就是这样，该行返回 null。谢谢您的解答。

Answer 1

简短:它在某处抛出错误(应该是在注释掉的行中)，这会停止脚本的执行(不发出警报，不停止提交)。

此错误似乎是 document.getElementById("errors") 返回 null，在尝试访问 style 时抛出错误它的属性(property)。你应该捕获这种情况:

var errors = document.getElementById("errors");
if (errors)
    errors.style.display = "none";