Contador de Caracteres En Textarea

Hola a todos esta vez les explicare como crear un contador de caracteres: Se que en la web existe muchos codigos para crear un contador de caracteres pero aun asi hare uno integrando un poco de un lado y de otro. A continuacion el codigo con su explicacion     <HTML>  <HEAD> <!–colocamos esta funcion […]

Ultimos Articulos

shadow
shadow

Hola a todos esta vez les explicare como crear un contador de caracteres:

Se que en la web existe muchos codigos para crear un contador de caracteres pero aun asi hare uno integrando un poco de un lado y de otro. A continuacion el codigo con su explicacion

 

 

<HTML>
 <HEAD>

<!–colocamos esta funcion entre head y /head y dentro de etiquetas script:–>

<SCRIPT='TEXT/JAVASCRIPT'>

function maximaLongitud() {

var caracteres_maximo = 400;//asignamos el numero de caracteres maximo
var textarea=document.form.mensaje;//asiganamos a la variable textarea el documen.form.mensaje que es el textarea para disminuir el largo del codigo
var cantidad_caracteres = document.form.mensaje.value.length//asignamos a la variable cantidad_caracteres el valor de la cantidad de caracteres del textarea

if (cantidad_caracteres < caracteres_maximo){//condicionamos si la cantidad de caracteres es menor a la cantidad maxima establecidad en caracares_maximo
texto_textarea = textarea.value ;//asignarmos a texto_textarea el valor del textarea.value
document.getElementById("num").style.color="#000000";//ponemos el texto del div num en color negro
}else{//sino osea si es mayor
maximo = textarea.value.substring(0,caracteres_maximo);//asignamos a maximo el valor de el textarea con la funcion de javascript substring con los parametros(valor inicial,valor final), con esto controlamos que no ingresen mas caracteres de los que tenga caractere_maximo
textarea.value = maximo;//asignamos al textarea el valor de maximo
document.getElementById("num").style.color="#ff0000";//ponemos el color del texto del div num en rojo
}

document.getElementById("num").innerHTML=("van "+document.form.mensaje.value.length+" caracteres del limite de 400");//esto nos sirve para ir mostrando los caracteres que llevamos sumandolo

}

</SCRIPT>
  <TITLE>P&aacute;gina de ejemplo</TITLE>
 </HEAD>
 <BODY>
  <!–Luego dentro del body el textarea dentro del formulario:–>
<textarea name="mensaje" cols="40" rows="10" onKeyUp="maximaLongitud()"></textarea>
<div id="num">van 0 caracteres del limite de 400</div>  

<!–
(name)nombre del textarea en este caso
OnkeyUp="maximaLongitud()":este es el valor en el evento OnkeyUp del textarea llamamos a la funcion maximaLongitud
Los valores cols y rows se los asignan a su gusto, y estas son la cantidad de columnas y filas.–>
 </BODY>
</HTML>

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (Sin evaluar)
Loading...
 
 

Autor

Oscar Gomez

Programador web, Gamer y amante de las nuevas tecnologías, autodidacta web, y seguro acerca de que el titulo no hace al maestro.

Publicidad

shadow

Articulos relacionados

0 comentarios en “Contador de Caracteres En Textarea

  1. jonathan  el dice:

    Bueno el código, yo tengo uno acá que hace la misma función pero el código es diferente.

  2. oscar gomez  el dice:

    si, lo edite a mi gusto ajajjajajajaj

  3. voicgoano  el dice:

    who will be champions evro2012?
    buy v i a g r a from canada

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR