仅显示使用HTML5提交的验证消息。防止再次检查

Question

在HTML5验证中，如果您提交表单，则会显示验证错误，如果您在显示消息时编辑输入，则会继续验证输入。我想防止这种情况发生...只有在再次提交表单时才更改消息。演示：

代码：

<form>
  <input type="email" required>
  <button type="submit">Submit</button>
</form>