HTML nos ha dado un montón de material de validación de formularios en los últimos años. Dave Rupert pone un punto en los problemas de UX con él:
Si alguna vez ha experimentado con la validación de formularios HTML5, probablemente se haya sentido decepcionado. La experiencia lista para usar no es exactamente lo que desea. Agregando el required atributo a las entradas funciona maravillosamente. Sin embargo, la parte de estilo con input:invalid sorta apesta porque las entradas vacías activan el :invalid estado, incluso antes de que el usuario haya interactuado con la página.
Afortunadamente, hay un invalid Evento DOM que se activa con un tiempo útil: cuando se envía el formulario. Sin embargo, recuerde que esto no le otorga un soporte de navegador súper profundo. Si necesita eso, busque polyfilling. Me imagino que el futuro de la validación de formularios es HTML/CSS que ofrece una UX mejor y más controlable, o esto.
Enlace directo →