Alguna ayuda con este código

juandedios · #1 (**permalink**) 06/11/2008, 02:08

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

Panino5001 · #2 (**permalink**) 06/11/2008, 02:16

Habría que ver cómo invocás tus funciones. Seguramente lo estás haciendo con onkeyup y probablemente deberías usar onkeypress. Habría que verlo y probarlo.

juandedios · #3 (**permalink**) 06/11/2008, 03:12

Lo estoy invocando con onkeypress

Panino5001 · #4 (**permalink**) 06/11/2008, 04:04

Fijate así:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Documento sin t&iacute;tulo</title> 
<script type="text/javascript"> 
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; 
    } 
}   
</script> 
</head> 
 
<body> 
<form> 
  <input id="usuario" type="text" name="textfield" onkeydown="ValidarIngresoUsuario()" onkeyup="ValidarIngresoUsuario()" /> 
 
  <input id="okusuario" type="text" name="textfield2" /> 
</form> 
</body> 
</html>