Oninvalid 错误消息不会重置 HTML答案

【问题标题】：Oninvalid error message does not reset HTMLOninvalid 错误消息不会重置 HTML
【发布时间】：2021-11-10 19:01:33
【问题描述】：

我有一个表格，需要输入电子邮件：

<div class="row">
    <div class="column">
        Email Address*:
    </div>
    <div class="column">
        <input type="email" name="email" id="email" lang="en" title="Please enter a valid email address!" oninvalid="this.setCustomValidity('Please enter a valid email address!')" required />
    </div>
</div>

但是，例如，如果用户按下回车键或尝试在没有电子邮件地址的情况下提交表单，则会正确显示以下错误：

但是当用户之后正确添加电子邮件地址时，所需的错误不会重置，因此不允许提交表单：

【问题讨论】：

包括您的最小可复制样本。 stackoverflow.com/help/minimal-reproducible-example
如何重置setCustomerValidity？
我知道有一种方法可以使用大量的 JQuery 代码。我使用setCustomValidity 的唯一原因是因为我的输入框标准要求错误消息不会响应lang="en" 或<html lang="en"> (stackoverflow.com/questions/10753881/…)。

标签： html

【解决方案1】：

用onchange 重置oninvalid 对我有用！

            <input
                oninvalid="this.setCustomValidity('your message')"
                onchange="this.setCustomValidity('')"
            />

【讨论】：