如何自定义字段类型验证的默认浏览器错误消息？

Question

我有一个输入为type=url的表单。当用户尝试提交无效的URL时，我想显示一条自定义消息。

但是，我不想用自定义的javascript重新检查url的有效性。我想让浏览器进行验证，但我想要自定义消息。有没有我可以监听的事件或者我可以自定义的其他属性？

Answer 1

您可以使用pattern validation设置title

​

<form action="" method="get">
  <input id="myURL" 
        name="myURL" 
        type="url"
        required 
        pattern=".*\.myco\..*"
        title="The URL must be in a Myco domain">
  <input type="submit">
</form>

​