Ver Mensaje Individual
  #6 (permalink)  
Antiguo 19/10/2011, 14:19
Avatar de IsaBelM
IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 5 meses
Puntos: 1012
Respuesta: contador de caracteres no se muestra a la primera en formulario Update

ya que has copiado el código. al menos cambia num_caracteres por c
Cita:
<html>
<head>
<script type="text/javascript">
var num_caracteres_permitidos = "";
function habilita (val) {
num_caracteres_permitidos = val;
document.forms[0].texto.disabled = false;
}


function valida_longitud () {
var num_caracteres = document.forms[0].texto.value.length;

if (num_caracteres > num_caracteres_permitidos){
document.forms[0].texto.value = contenido_textarea;
}else{
contenido_textarea = document.forms[0].texto.value;
}

if (num_caracteres >= num_caracteres_permitidos){
document.forms[0].caracteres.style.color="#ff0000";
}else{
document.forms[0].caracteres.style.color="#000000";
}
cuenta ()
}


function cuenta (){
document.forms[0].caracteres.value=document.forms[0].texto.value.length
}



function validar (){
var num_caracteres = document.forms[0].texto.value.length;

if (num_caracteres > num_caracteres_permitidos){
alert ("El texto sobrepasa la seleccion que has hecho de caracteres a insertar en el textarea");
}
return false;
}
</script>
</head>
<body>
<form method="post" action="#" onsubmit="return validar(this);">
<li>
<label for="rad">Selecciona número de caracteres a insertar en el textarea
<input type="radio" name="rad" onclick="habilita(10)" /> 10 Palabras
<input type="radio" name="rad" onclick="habilita(15)" /> 15 Palabras
<input type="radio" name="rad" onclick="habilita(20)" /> 20 Palabras
</label>
</li>

<li>
<label for="texto">Texto del anuncio
<textarea id="texto" name="texto" onkeyup="valida_longitud()" disabled="disabled"></textarea>
</label>
</li>

<li>
<label for="caracteres">Caracteres escritos hasta el momento
<input type="text" id="caracteres" name="caracteres" value="" />
</label>
</li>
<input type="submit" value="Enviar" />
</form>
</body>
</html>