Html5 - 插入不完整日期时删除输入日期的 chrome 错误答案

【问题标题】：Html5 - Remove chrome error of input date when insert incomplete dateHtml5 - 插入不完整日期时删除输入日期的 chrome 错误
【发布时间】：2018-11-02 10:38:58
【问题描述】：

我在使用 chrome 时遇到问题：当我在输入日期中插入不完整的日期（例如“12/dd/yyyy”）并提交表单时，chrome 会向我显示类似的错误

请输入一个有效值。该字段不完整或日期无效

任何人都知道如何删除此错误并使用 jquery 或 js 显示自定义错误，例如：“错误：您输入的日期无效”？

对不起我的英语并感谢您的建议。

【问题讨论】：

你能分享你的截图代码吗？
好像和这个stackoverflow.com/questions/3090369/…类似
如果你想摆脱Chrome的验证，就不要使用type="date"

标签： javascript jquery html input

【解决方案1】：

您应该使用novalidate。它会在提交表单时阻止自动浏览器验证。

如果输入无效，此表单将不会提交：

<form action="#">
  <input type="date"/>
  <input type="submit"/>
<form>

即使输入无效，该表单也会提交：

<form action="#" novalidate>
  <input type="date"/>
  <input type="submit"/>
<form>

【讨论】：