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

How to change html5 pattern error messages for email

本文关键字：错误模式消息电子邮件 html5 何改变改变更新时间：2023-09-26

Html5 required属性通常会添加错误消息"Please fill out this field."，可以使用以下代码轻松更改

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

然而，我注意到当我使用键入电子邮件时，我仍然会收到诸如"请输入'@. '后面的部分"answers"请在电子邮件地址中包含'@'"之类的消息，我该如何更改它们?

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