<HTML>上一个日期Vallition

<HTML> Previous Date Vallidation

本文关键字:日期 Vallition 上一个 HTML lt gt      更新时间:2023-09-26

我想在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");
}

它检查所选日期是否小于当前日期。如果是这种情况,您可以执行一些操作