JQuery沒有在.blur（）中執行已定義的函數

Question

我對JQuery和Javascript一般都很陌生，我正在為學校做一個項目。 雖然我可以在不定義任何功能的情況下完成所有工作，但我希望減少冗余代碼。

這是我正在嘗試做的一些事情：

function firstNameChanged() {
    var x = document.getElementById("firstName").value;

    if (x == null || x == "") {
        $("#firstNameError").html(" First name can't be blank!");
    }
    else {
        $("#firstNameError").html("");
    }
}

$(document).ready(function(){   

$("#firstName").blur(firstNameChange());
}

是的，我肯定所有的ID都存在，因為代碼在我傳遞給它時起作用：

$("#firstName").blur(function(){
    var x = document.getElementById("firstName").value;

    if (x == null || x == "") {
        $("#firstNameError").html(" First name can't be blank!");
    }
    else {
        $("#firstNameError").html("");
    }
})

我查了大量關於Javascript和JQuery語法的文檔，在Chrome中調試過，我無法弄明白。

Answer 1

blur期望函數引用作為參數。 firstNameChange()立即調用該函數。 刪除()

$("#firstName").blur(firstNameChange);