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

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

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

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

Answer 1

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