代码之家 › 专栏 › 技术社区 › Sungguk Lim

如何将jquery事件绑定到函数

jquery javascript

Sungguk Lim · 技术社区 · 14 年前

<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代码。

我想在bNextCelRead按钮单击时绑定函数。

这原来是错误的方式吗?

3 回复 | 直到 14 年前

Nick Craver 14 年前

您所拥有的内容是有效的,除了选择器之外,我将重新格式化一点,如下所示:

$(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 这里(我想你是根据身份证找到的)。另外,如果您想要一个命名函数,只需做一个:)如果您存储一个指向匿名函数的变量,请确保 ; 之后,因为这是一个声明。

-1

griegs 14 年前

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

-1

GeekTantra 14 年前

在调用回调之前,必须声明它,如下所示:

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

    });

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前