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

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>