Как стилизовать ошибку валидации?

Question

[Pavel_Proca]

Как стилизовать вот эту ошибку, или как сделать так, что бы вместо неё, показывалось что-то другое?

Answer 1

[Алексей Ярков]

<form>
  <label for="mail">I would like you to provide me an e-mail</label>
  <input type="email" id="mail" name="mail">
  <button>Submit</button>
</form>

var email = document.getElementById("mail");

email.addEventListener("keyup", function (event) {
  if (email.validity.typeMismatch) {
    email.setCustomValidity("I expect an e-mail, darling!");
  } else {
    email.setCustomValidity("");
  }
});

https://developer.mozilla.org/ru/docs/Web/Guide/HT...
https://www.w3.org/TR/html5/forms.html#the-constra...