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

Question

我不太明白如何在 javascript 中验证日期输入类型。我尝试在 Internet 上查找，但我找不到任何东西。

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

这是我的 html 的一部分

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

Javascript:

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

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

Answer 1

长篇小说

您必须将字符串解析为日期(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)
}