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;
    }
}

You can see a demo of it working here

您的选择器有$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);

    });

如何将jquery事件绑定到函数

3 个答案: