如何针对失去焦点的输入元素触发所需的警报

Question

我的HTMl表单的电子邮件输入具有必填属性：

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

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

是否存在一种方法，当输入失去焦点时，如果用户未遵循正确的格式，仍会触发警报？

Answer 1

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

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