我如何在HTML 5中验证日期输入?

时间:2017-03-11 16:33:23

标签: html date

如何检查日期输入是否采用D / M / Y格式?

这是我的代码:

<input type = "date">test</input>

2 个答案:

答案 0 :(得分:0)

您可以使用正则表达式使用javascript验证任何字符串:

isValidateDate: (str) => {
  let pattern = /^(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))\1|(?:(?:29|30)(\/|-|\.)(?:0?[1,3-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/|-|\.)0?2\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\d|2[0-8])(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)?\d{2})$/;
  return pattern.test(str);
}

D / M / Y实际上并不是日期的标准格式。我建议你用dd / mm / yyyy或yyyy-mm-dd进行测试。你可以在这里找到答案:(Regex to validate date format dd/mm/yyyy

答案 1 :(得分:-2)

  1. 日期输入需要名称属性才能进行验证
  2. 您无法验证HTML中的输入,您需要其他语言,例如php