Alguna ayuda con este código

[juandedios]

Saludos, estoy haciendo algunas cosas cambiando estilos CSS con JavaScript y quiero poner en negrita un texto, espero que me puedan ayudar.

También en la parte donde dice us.value.length, cuando ya escribí un texto y luego voy borrando, supuestamente cuando ya están en 3 caracteres debería mostrar lo que pongo en error, pero no lo hace hasta que quedan 2 caracteres, quizas hay algo mal por ahi.

El código es este:

Código PHP:

  function CambiarControlError(id)
{
    var did = document.getElementById(id);
    
    with (did.style) {
        borderColor = "#D52F2E";
        borderWidth = "3px";
        backgroundColor = "#F7D5D5";
    }
}
 
function CambiarControlGood(id)
{
    var gid = document.getElementById(id);
    
    with (gid.style) {
        borderColor = "#DA9001";
        borderWidth = "3px";
        backgroundColor = "#FFFFFF";
    }
}
 
function ValidarIngresoUsuario()
{
    var us = document.getElementById("usuario");
    var ok = document.getElementById("okusuario");
    
    if (us.value.length < 4 || us.value.length > 12) {
        CambiarControlError("usuario");
        ok.innerHTML = "";
        return false
    }
    else {
        CambiarControlGood("usuario");
        ok.innerHTML = "OK";
        with (ok.style) {
            color = "#009933";
            fontWeigth = "bold";
        }
        return true;
    }
}