浏览器通知文本更改

Question

我想更改浏览器发送的通知。 例如，如果我写的电子邮件地址没有“@”符号，我会收到通知：

铬：

火狐

有没有办法更改通知文本并为所有浏览器编写相同的文本？

Answer 1

您可以使用oninvalid="this.setCustomValidity('Your custom message here')设置您选择的自定义消息。

JsFiddle：https://jsfiddle.net/08ujt04s/

Answer 2

在元素

中使用title属性和模式

<input type='email' 
       required 
       title='Must be 6 - 12 characters in length'  
       pattern="[a-zA-Z0-9_-]{6,12}" 
       name='myEmail'>

有些人fiddle demo