Mostrando Codigo - Dhtml
Limite de caracteres en un formulario
Con este sencillo script conseguimos limitar el numero de caracteres en un formulario, en el ejemplo mostramos un campo de texto y uno multiple.
CODIGO
<!-- Codigo ofrecido por Tutores.org -->
<html>
<head>
<title>Tutores.org</title>
<script>
var ns6=document.getElementById&&!document.all
function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9.,/]/ //Detectamos los caracteres alfanumericos
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}
function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
function displaylimit(theform,thelimit){
var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> caracteres para el limite'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true);
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true);
}
}
</script>
</head>
<body>
<form name="sampleform">
<input type="text" name="george" size=20><br>
<script>
displaylimit("document.sampleform.george",10) //limite del campo
</script>
<p>
<textarea name="john" cols=25 rows=15></textarea><br>
<script>
displaylimit("document.sampleform.john",20) //Limite del text area
</script>
</form>
</body>
</html>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Limite de caracteres en un formulario" href="http://www.tutores.org/codigo/387/" target="_blank">Limite de caracteres en un formulario</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Limite de caracteres en un formulario" href="http://www.tutores.org/codigo/387/" target="_blank">Limite de caracteres en un formulario</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS