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 →