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