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

Question

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

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

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

Answer 1

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