javascript - 如何更改电子邮件的 html5 模式错误消息

Question

Html5 必需属性通常会添加错误消息“请填写此字段”。并且可以使用以下代码轻松更改

oninvalid="setCustomValidity('Custom text in another language..')" 
oninput="setCustomValidity('')"

但是，我注意到当我使用带有电子邮件类型的输入时，我仍然会收到诸如“请输入‘@’之后的部分”之类的消息。和“请在电子邮件地址中包含一个‘@’”，我该如何更改它们？

Answer 1

自定义错误消息来自元素的标题，或者如您所说，使用 setCustomValidity。但是像“请在电子邮件地址中包含一个'@'”这样的消息来自 type="email" 属性。例如，当有 required 属性时，会出现类似的错误消息。所以这些消息来自浏览器，并且会使用用户的浏览器语言。我不会对此太担心，因为浏览器已经使用用户可以理解的语言，并且由于它们是浏览器的 native 语言，用户会习惯这些标准错误消息。