虽然Dekel的答案可以完成这项工作，但另一种方法是简单地向input元素添加一个“title”属性，验证消息将被title属性中的内容覆盖。
您可以在title属性中添加一些有意义的文本，

<input type="email" title="Your Email">

在HTML中，输入元素有两个选项：
1.将它们放入<form>容器中。
1.将form属性添加到输入中，其值应为输入所关联表单的id。
使用选项#2，你可以在DOM中的某个地方添加一个带有novalidate的空表单，并将输入附加到该表单：

<form novalidate>
  <p>Input in form with novalidate. This one is fine.</p>
  <input type="email" required>
</form>

<p>Input without form. How to disable validation tooltips? (hover over input to see validation tooltip)</p>
<input type="email" required form="novalidatedform">

<form id="novalidatedform" novalidate />

有关MDN website中input元素的更多信息。

您也可以使用此脚本

<script>
    document.getElementById( "inputId" ).addEventListener( "invalid",
        function( event ) {
            event.preventDefault();
        });
</script>