从中验证日期<input type=“date”…>

Question

我想验证日期输入类型的字段。 目前，我正在尝试使用javascript方法来验证字段。

这是我使用的代码。

var RE_DOB = /^([0-9]{2})\/([0-9]{2})\/([0-9]{4})$/;

我当前的日期格式是2014年7月29日

只是想知道如何验证日期输入类型的字段。 我可以在文本上实现它们，但是如果输入类型为date，那将是很好的，因为用户可能正在移动设备上使用网站，并在这些设备上显示日期选择器。

Answer 1

在内部，日期输入的值是ISO-8601标准： YYYY-MM-DD

但是，在外部，日期输入将使用用户计算机定义的任何格式（可识别区域设置），从而使人们易于使用。

您的验证应在寻找^\\d{4}-\\d\\d-\\d\\d$ （当然， 9876-54-32这一项不足以进行日期验证，除非9876-54-32对您9876-54-32是有效日期！）

Answer 2

您仍然可以将所有内容输入type="date"输入字段。 type="date"属性唯一要做的是显示日期选择器（例如，在大多数移动设备上）。 尚未实现浏览器验证。

您需要的是：

它们取决于您喜欢接受哪种格式。 如前所述，您可以使用JavaScript match()字符串函数来验证客户端站点上的输入。 例如

if(yourInput.match(/^\d{4}-\d{2}-\d{2}$/) == false)
    alert('invalid date');

在客户端上针对YYYY-MM-DD模式进行验证。

在服务器端，您应该使用DateTime::createFromFormat()或DateTime::__construct()并检查DateTime::getLastErrors()来分析错误，该错误将告诉您用户的输入不是有效日期。