Jquery问题:验证代码无法正常工作

时间:2010-08-11 04:52:43

标签: jquery asp.net-mvc

我在我的asp.net mvc项目的报告部分使用了jquery。但是我遇到了jquery验证的问题。当日期输入文本字段留空时,这里的代码不起作用并且不显示任何消息。

$(document).ready(function() {
        $("#FromDate").datepicker({ showOn: 'both', buttonText: "select Date", dateFormat: 'M d, yy' });
        $("#ToDate").datepicker({ showOn: 'both', buttonText: "select Date", dateFormat: 'M d, yy' });
        $("#ParticularDate").datepicker({ showOn: 'both', buttonText: "select Date", dateFormat: 'M d, yy' });

        $("#ddlRepoOpt").change(function() {
            var self = $(this);
            $("#repoopt").show();
            if (self.val() == "") {
                $("#reop2").hide();
                $("#reop1").hide();
                $("#reop3").hide();
                $("#optionUttOperators").hide();
                $("#optionUttTravelAgents").hide();
            }
            else if (self.val() == 1) {
                $("#reop2").show();
                $("#reop1").hide();
                $("#reop3").hide();
                $("#optionUttOperators").show();
                $("#optionUttTravelAgents").show();
            }
            else if (self.val() == 2) {
                $("#reop1").show();
                $("#reop2").hide();
                $("#reop3").hide();
                $("#optionUttOperators").show();
                $("#optionUttTravelAgents").show();
            }
            else {
                $("#reop1").hide();
                $("#reop2").hide();
                $("#reop3").show();
                $("#optionUttOperators").show();
                $("#optionUttTravelAgents").show();

            }
            $("#generateReport").show();
        });

        **$("#generateReport").live("click", function(e) {
                var sd = $("#FromDate").val();
                var ed = $("#ToDate").val();
                var pd = $("ParticularDate").val();
            if (sd == "" && ed == "" && pd=="") {
                alert("Please select the dates");
                e.preventDefault();
                return false;
            }
        });

    });

我遇到了以下部分的问题。当文本框字段留空时,没有任何警告消息显示。

   $("#generateReport").live("click", function(e) {

                var sd = $("#FromDate").val();
                var ed = $("#ToDate").val();
                var pd = $("ParticularDate").val();
            if (sd == "" && ed == "" && pd=="") {
                alert("Please select the dates");
                e.preventDefault();
                return false;
            }
        });

1 个答案:

答案 0 :(得分:0)

请改为尝试:

   $("#generateReport").live("click", function(e) {
        var sd = $("#FromDate").val();
        var ed = $("#ToDate").val();
        var pd = $("#ParticularDate").val();
        if ((sd == null || sd.length < 1) && (ed == null || ed.length < 1) && (pd == null || pd.length < 1)) {
            alert("Please select the dates");
            e.preventDefault();
            return false;
        }
    });