Cómo obtener longitud de entrada de texto y validar usuario en javascript

Question

Quiero validar si el usuario ha ingresado nombre de usuario y contraseña en el momento de crear una cuenta segura o no en función de su longitud (en mi caso cinco) en el lado derecho del campo de entrada mostrándolo en diferentes colores, es decir, para abreviar en rojo, de lo contrario en verde. ¿Cómo puedo hacer eso con javascript?

Answer 1

La validación de JavaScript no es segura ya que cualquiera puede cambiar lo que hace su script en el navegador. Sin embargo, usarlo para mejorar la experiencia visual está bien.

var textBox = document.getElementById("myTextBox"); 
var textLength = textBox.value.length; 
if(textLength > 5) 
{ 
    //red 
    textBox.style.backgroundColor = "#FF0000"; 
} 
else 
{ 
    //green 
    textBox.style.backgroundColor = "#00FF00"; 
}