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

Question

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

但是，我不想使用自定义javascript重新检查网址的有效性。我希望浏览器进行验证，但是我想要一条自定义消息。有没有我可以听的事件或可以自定义的其他属性？

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>