Hola de nuevo, me quedo una última duda: cómo podría hacer para que cuando aparece el mensaje de error, además se ponga de color rojo el borde del input de texto. Y que cambie a color negro cuando los datos introducidos sean correctos.
Nose como incorporar este código al código dado por caricatos...
document.getElementById('input').style.bordercolor = 'red'
<input type="text" name="pepe" id="input"/>
Gracias