浏览器提供的自定义/覆盖错误消息

custom/override error message provided by browser?

本文关键字：覆盖 错误 消息 自定义 浏览器      更新时间：2023-09-26

有没有办法覆盖浏览器提供的错误消息？我有一个简单的html：

<input type="email" name="recipient">

如果电子邮件格式不正确，浏览器将显示如下消息：

在火狐中：

Please enter a email address.

在铬中：

Please include an @ in the email address...

我想自定义此浏览器提供的错误消息，希望有人可以帮助我。提前感谢！

您可以像这样设置自定义有效性消息

$('[name="recipient"]').on('invalid', function(e) {
    e.target.setCustomValidity("This is a custom error message");
});

小提琴

相关文章：