11142 Suscriptores al Feed del Blog
84 Suscriptores al Feed de Anotaciones Breves
28 usuarios online
Mauricio Campos en 50 preguntas y respuestas de entrevistas de trabajo
Contar caracteres introducidos en un elemento de formulario
1 COMENTARIO - Publicado hace 49 meses - Clasificado en: JAVASCRIPT, TIPSUsa este script para limitar el número de caracteres permitidos en un elemento de formulario. El script contará el
número de caracteres que le restan para alcanzar el máximo utilizando para ello las ventajas -que como hemos
visto anteriormente- aporta el DOM. Fácil de implementar y de modificar.
Código:
<script type="text/javascript">
function getObject(obj) {
var theObj;
if(document.all) {
if(typeof obj=="string") {
return document.all(obj);
} else {
return obj.style;
}
}
if(document.getElementById) {
if(typeof obj=="string") {
return document.getElementById(obj);
} else {
return obj.style;
}
}
return null;
}
//Contador de caracteres.
function Contar(entrada,salida,texto,caracteres) {
var entradaObj=getObject(entrada);
var salidaObj=getObject(salida);
var longitud=caracteres - entradaObj.value.length;
if(longitud <= 0) {
longitud=0;
texto='<span class="disable"> '+texto+' </span>';
entradaObj.value=entradaObj.value.substr(0,caracteres);
}
salidaObj.innerHTML = texto.replace("{CHAR}",longitud);
}
</script>
Ejemplo de uso:
<form action="" method="post">
<textarea name="Contador" id= "Contador" cols="20" rows="6" onKeyUp="Contar('Contador','MostContador','{CHAR} caracteres restantes.',20);">
</p>
<p><strong>Ejemplo de uso:</strong> </p>
<pre lang="html4strict" line="1" xml:lang="html4strict"><form action="" method="post"> <textarea name="Contador" id="Contador" cols="20" rows="6" onkeyup="Contar('Contador','MostContador','{CHAR} caracteres restantes.',20);"></textarea> <br /><span id="MostContador">20 caracteres restantes.</span></form>
Algunas entradas relacionadas:
- Abrir una ventana con efecto de redimensionamiento
- FAQ: Abrir una ventana emergente o popup con un tamaño determinado
- Tooltip con Javascript y CSS
- Color alterno en las filas de una tabla
- FAQ: Eliminar caracteres no válidos antes de enviar el formulario
- Javascript: typeof
- Mostrar un enlace aleatorio con Javascript
También te puede interesar:
Bienvenido a Intenta. Has venido desde ; si andabas buscando algo espero que este post satisfaga tus expectativas.
|
|
|
|
|
COMENTARIOS
 |
Publicado hace 9 meses Alejandro Gongora Escalante - Muchisimas gracias me sirvio de mucho la estructura de tu codigo gracias. |
