How to catch input email html validation?

Question

JavaScript

Hello everyone, can you tell me how to catch the standard html input validation type="email". Those. it can be allowed to catch it through e.target... when I enter the wrong mail format?

Answer 1

Of course they don't, but you can use pseudo-classes to check. For example, an invalid input has the :invalid pseudo-class , respectively:

// Выдаст 1, если заполнено неправильно:
document.querySelectorAll('input[type="email"]:invalid').length;

In contrast, there is also the :valid pseudo-class

Answer 2

The most normal way is to track the event you need, and then something like that

var valid = document.getElementById("inputid").checkValidity();