javascript中的日期输入类型验证？

Question

我不太清楚如何在 javascript 中验证日期输入类型。我尝试在互联网上查找，但我什么也找不到。

我有一个字段要求用户输入生日。我想在 javascript 中验证它，对天数月数，尤其是年数有一定的限制。例如，如果用户输入超过 2016 年（或当前年份），则会出错。我不太清楚如何“提取”日期输入类型并控制它的每个元素（日、月、年）。

这是我的 html 的一部分

<form method="POST" action="request.jsp" onsubmit="return validate()">
Date of birth: <input type="date" id="bday" name="bday" value="">
</form>

Java脚本：

 var birthday = document.getElementById('bday').value;

这就是我所拥有的..请帮忙？

原文由 shean 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

TLDR

您必须将字符串解析为日期（JavaScript 为这个用例提供了 Date API）。

完整答案

你在正确的轨道上。这是我做的一个 JSBin 示例。尝试打开控制台并更改日期，您会看到它已记录。

 $('#birthday').on('change', function() {
   console.log(new Date(this.value));
});

（为了方便起见，我在上面的示例中使用了 jQuery，但您可以使用任何您想要的。）

您在这里遇到的问题是日期被记录为字符串。您可以使用 JavaScript Date 对象来解析字符串。

根据您想进行的任何验证，您可以使用各种日期对象方法（例如 getFullYear ）并将这些方法与输入进行匹配。

我将把完整的实现留给你，但 change 处理程序的内部可能看起来像：

 var date = new Date(this.value);

if(date.getFullYear() > 2016) {
  // do something (like show a message, for example)
}

原文由 Josh Beam 发布，翻译遵循 CC BY-SA 3.0 许可协议