如何將事件綁定到jQuery函數

Question

<input id='btnExcelRead' name='btnExcelRead' type='submit' runat='server'/>   <- actually asp:button
<input id='excelUpload' name='excelUpload' type='file' />   
<input id='txtStartDate' type='text' />
<input id='txtEndDate' type='text' />

..

$(function(){

          $("#btnExcelRead").click(CheckValidation);

        });

        var CheckValidation = function() {
            if ($("#excelUpload").val() === "") {
                alert("Select file");
                return false;
            }
            if ($("$txtStartDate").val() === "") {
                alert("Check the start date!");
                return false;
            }
            if ($("$txtEndDate").val() === "") {
                alert("Check the end date!");
                return false;
            }
        }

在這里，我做了簡單的jQuery代碼。

當btnExcelRead按鈕單擊時，我想綁定功能。

這本來是錯誤的方式嗎？

Answer 1

您擁有的是有效的，除了選擇器之外，我將重新格式化，如下所示：

$(function(){
      $("#btnExcelRead").click(CheckValidation);
});

function CheckValidation () {
    if ($("#excelUpload").val() === "") {
        alert("Select file");
        return false;
    }
    if ($("#txtStartDate").val() === "") {
        alert("Check the start date!");
        return false;
    }
    if ($("#txtEndDate").val() === "") {
        alert("Check the end date!");
        return false;
    }
}

您可以在這里看到它的演示

您的選擇器有$txtStartDate和$txtEndDate ，我想您的意思是這里的#txtStartDate和#txtEndDate （我想您是通過ID查找它們的）。 另外，如果您想要一個命名函數，只需創建一個：)如果您存儲一個指向匿名函數的變量，請確保放置一個; 在那之后，因為這是一個聲明。

Answer 2

$("#btnExcelRead").click(function(){CheckValidation()});

Answer 3

您必須在調用之前聲明回調，如下所示：

    var CheckValidation = function() {
        if ($("#excelUpload").val() === "") {
            alert("Select file");
            return false;
        }
        if ($("$txtStartDate").val() === "") {
            alert("Check the start date!");
            return false;
        }
        if ($("$txtEndDate").val() === "") {
            alert("Check the end date!");
            return false;
        }
    }

    $(function(){

      $("#btnExcelRead").click(CheckValidation);

    });