Javascript <；HTML>；前一日期Vallidation

我希望在HTML上添加日期验证

基本上，当我选择任何以前的日期（今天之前）时，它会显示一条弹出消息，告诉我“您必须选择一个有效日期”

我不想把日期漏掉。他们必须能够选择错误的日期并显示弹出消息

需要在HTML和JavaScript或JQuery中完成

<input id="txtDate" type="date">

---

如果要使用以下输入字段：

  <input type="date" id="datepicker" name="event_date" class="datepicker">

你可以这样做：

var selectedDate = $('#datepicker').datepicker('getDate');
var now = new Date();
if (selectedDate < now) {
  alert("Please select a valid date");
}

var selectedDate=$（'#datepicker'）。datepicker（'getDate'）；
var now=新日期（）；
如果（已选择日期<现在）{
警报（“请选择有效日期”）；
}

---

它检查所选日期是否小于当前日期。如果是这种情况，你可以采取一些行动

你是否使用了日期选择插件？检查日期的逻辑是什么..单击验证按钮？@coolguy如果你选择了2015年11月1日，它会显示一个弹出框，告诉用户“请选择一个有效日期”。这就是我问你如何选择日期的原因？在此处键入，何时进行验证？是否在文本框中键入并比较键入日期？是否存在允许键入的日期格式格式（如果是通过键入？@collingoornstra），因为

datepicker（）

函数仅对jQuery datapicker对象有效，而对纯类型=日期输入无效，您可能需要编写一个更完整的示例。或者只需将JS的第一行替换为

var selectedDate=document.querySelector（“#datepicker”）.valueAsDate