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

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