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

Question

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

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

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

在Firefox中

：

Please enter a email address.

Chrome中的

：

Please include an @ in the email address... 

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

Answer 1

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

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

FIDDLE