我在我的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;
}
});
答案 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;
}
});