如何在javascript中获取输入文本长度并验证用户

如果用户在创建帐户时输入了用户名和密码，则我希望根据输入字段右侧的长度（对于我的案例5），通过以不同的颜色显示用户名和密码是否安全（对于较短的，以红色表示），否则以绿色表示。如何使用javascript实现这一点？

javascript验证不安全，因为任何人都可以在浏览器中更改脚本的功能。使用它来增强视觉体验是可以的

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