Css ha evolucionado a tal punto que es posible realzar algunas tareas que antes eran posibles hacer únicamente con JavaScript, una de esas tareas es la de validar formularios.

Para ello, existen las pseudo-clases :valid, para determinar si un campo de texto ha sido llenado de forma correcta por el usuario, o :invalid, para determinar si el formulario ha sido rellenado con información que no cumple los requisitos que hayamos especificado.

A continuación, se muestra un video donde se realiza una validación usando estas pseudo-clases.

Descarga los archivos base: