Как вызвать необходимое предупреждение для элементов ввода при потере фокуса

Question

Моя форма HTMl имеет адрес электронной почты с обязательным атрибутом:

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

При отправке формы отображается предупреждение, когда пользователь вводит неправильный формат.

Есть ликаким образом, когда ввод теряет фокус, предупреждение все еще срабатывает, когда пользователь не следует правильному формату?

Answer 1

В Vanilla JavaScript я использовал checkValidity () и validationMessage на DOM. Вот код:

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