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

Question

如果用户在创建帐户时输入的用户名和密码安全或不安全，我想根据其在输入字段右侧的长度(对于我的案例五)以不同的颜色显示，即红色较短，否则为绿色。我如何使用 JavaScript 做到这一点？

Answer 1

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";
}