Publicentral.com - alta en buscadores, registro buscadores, promocionaPromocion en buscadores y negocios online
Mostrando Codigo - Dhtml
Code

Dhtml - Limite de caracteres en un formulario

Códigos Dhtml

Con este sencillo script conseguimos limitar el numero de caracteres en un formulario, en el ejemplo mostramos un campo de texto y uno multiple.
Visitas: 19,254 - 6/13/2003
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


<!-- Codigo ofrecido por Tutores.org -->

  1. <title>Tutores.org</title>
  2. var ns6=document.getElementById&&!document.all
  3. function restrictinput(maxlength,e,placeholder){
  4. if (window.event&&event.srcElement.value.length>=maxlength)
  5. return false
  6. else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
  7. var pressedkey=/[a-zA-Z0-9.,/]/ //Detectamos los caracteres alfanumericos
  8. if (pressedkey.test(String.fromCharCode(e.which)))
  9. e.stopPropagation()
  10. }
  11. }
  12. function countlimit(maxlength,e,placeholder){
  13. var theform=eval(placeholder)
  14. var lengthleft=maxlength-theform.value.length
  15. var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
  16. if (window.event||e.target&&e.target==eval(placeholder)){
  17. if (lengthleft<0)
  18. theform.value=theform.value.substring(0,maxlength)
  19. placeholderobj.innerHTML=lengthleft
  20. }
  21. }
  22. function displaylimit(theform,thelimit){
  23. var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</span></b> caracteres para el limite'
  24. if (document.all||ns6)
  25. document.write(limit_text)
  26. if (document.all){
  27. eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
  28. eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
  29. }
  30. else if (ns6){
  31. document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true);
  32. document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true);
  33. }
  34. }
  35. </head>
  36. <form name="sampleform">
  37. <input type="text" name="george" size=20><br>
  38. displaylimit("document.sampleform.george",10) //limite del campo
  39. <p>
  40. <textarea name="john" cols=25 rows=15></textarea><br>
  41. displaylimit("document.sampleform.john",20) //Limite del text area
  42. </form>
  43. </body>
  44. </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 -->
COMENTARIOS
Aun no existe ningun comentario para este Codigo.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.