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

我想根据输入字段右侧的长度（对于我的情况五）来验证用户在创建帐户时输入的用户名和密码是否安全，通过以不同的颜色显示，即较短​​的红色，否则为绿色。我怎样才能用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";
}