Me estoy aventurando con la validación javascript y he conseguido que me valide el formulario jejeje pero me gustaría que visualmente la validación quedase de otra manera.
Os adjunto tal y como se ve ahora el formulario (os pego 2 ejemplos)
Cómo podéis apreciar el texto de la validación aparece debajo del input.
En cuanto al error en rojo ya va bien que le explique al usuario en que ha fallado. Pero en lugar del verde me gustaría eliminarlo, y añadir los iconos siguientes en la validación, junto con los tooltips que aparecen cuando hace clic dentro del input.
(2 ejemplos, para que se aprecie las 3 fases del icono)
Cómo lo debo hacer para conseguir el efecto de los iconos de validación?
Muchas gracias de antemano