html - 如何在失去焦点时触发 Input 元素所需的警报

Question

我的 HTML 表单有一个带有必需属性的电子邮件输入：

<input type="email" name="email" id="email" required>

提交表单时，当用户输入的格式不正确时会显示警报。

有没有办法在输入失去焦点时，当用户没有遵循正确的格式时仍然触发警报？

标签： html

Answer 1

在 Vanilla JavaScript 上，我在 DOM 上使用了 checkValidity() 和 validationMessage。这是代码：

email.addEventListener("blur", function(){
        if(!email.checkValidity()){
            document.getElementById("errEmail").innerHTML = email.validationMessage;
        }
})