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

Javascript - Aplicar formatos a campos de textos

Códigos Javascript

Este script es muy util a la hora de querer mostrar a nuestros visitantes distintos formularios con diferentes formatos, telefono, fecha, cuenta de bancos, tarjetas de credito etc...
Visitas: 25,127 - 27/12/2003 23:48:19
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Cada campo consta de input type="text" name="numero_telefono" size='15' value="" onKeyUp="mi_mascara(numero_telefono, '0000.000.00.00.00');" onKeyDown="mi_mascara(numero_telefono, '0000.000.00.00.00');" Simplemente modificaremos los caracteres 0000.000.00.00.00 por el formato que elijamos.
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. <script>
  2. function mi_mascara(obj, masque) {
  3.   var ch = obj.value
  4.   var tmp = ""
  5.   var j = 0
  6.   ch.toString()
  7. if ((window.event.type == "keydown" || window.event.type == "keyup" ) && window.event.keyCode != 8) {
  8.     for (i=0; i<ch.length; i++) {
  9.       if (!isNaN(ch.charAt(i)) && ch.charAt(i) != " ") { tmp += ch.charAt(i) }
  10.     }
  11. ch = ""
  12. for (i=0; i<masque.length; i++) {
  13.       if (masque.charAt(i)  == "0") {
  14.         if (tmp.charAt(j) != "" ) {
  15.           ch += tmp.charAt(j)
  16.           j++
  17.         }
  18.         else { ch += " " }
  19.       }
  20.       else { ch += masque.charAt(i) }
  21.     }
  22.   }
  23.  
  24.   obj.value = ch
  25. }
  26. function mi_mascara2(obj, masque) {
  27.   var ch = obj.value
  28.   var tmp = ""
  29.   var j = 0
  30.   ch.toString()
  31.  if (window.event.keyCode != 37 && window.event.keyCode != 39 && window.event.type != "keydown" && window.event.keyCode != 8 && window.event.keyCode != 46) {
  32.     if (window.event.type == "keyup") {
  33.       for (i=0; i<ch.length; i++) {
  34.         if (!isNaN(ch.charAt(i)) && ch.charAt(i) != " ") { tmp += ch.charAt(i) }
  35.       }
  36.  ch = ""
  37. for (i=0; i<masque.length; i++) {
  38.         if (masque.charAt(i)  == "0") {
  39.           if (tmp.charAt(j) != "" ) {
  40.             ch += tmp.charAt(j)
  41.             j++
  42.           }
  43.           else { ch += " " }
  44.         }
  45.         else { ch += masque.charAt(i) }
  46.       }
  47.     }
  48.  obj.value = ch
  49.   }
  50. }
  51. </script>
  52. El ejemplo en formatos Españoles:<br>
  53. Telefono: <input type="text" name="numero_telefono" size='15' value="" onKeyUp="mi_mascara(numero_telefono, '0000.000.00.00.00');" onKeyDown="mi_mascara(numero_telefono, '0000.000.00.00.00');">
  54. <br>
  55. Fecha:<input type="text" name="formato_fecha" size='11' value="" onKeyUp="mi_mascara(formato_fecha, '00/00/0000');" onKeyDown="mi_mascara(formato_fecha, '00/00/0000');">
  56. <br>
  57. Cuenta de banco:<input type="text" name="cuenta_banco" size='23' value="" onKeyUp="mi_mascara(cuenta_banco, '0000.0000.00.0000000000');" onKeyDown="mi_mascara(cuenta_banco, '0000.0000.00.0000000000');">



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Aplicar formatos a campos de textos" href="http://www.tutores.org/codigo/930/" target="_blank">Aplicar formatos a campos de textos</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
29-05-2009 03:29:57
1 5
Hola amigos.
Necesito implementar este codigo y al momento de utilizarlo me tira un error que dice Falta ";" en la 1º líne...
Me pueden ayudar ?
Comentario usuario
19/04/2003
2 5
Hola puedes descargarlo en formato de texto y aplicarlo a tu web.
Comentario usuario
29-05-2009 03:29:57
1 5
Ya lo he hecho... el problema es que hay un error en el código y no lo encuentro. El mensaje de error dice: Falta ; en linea 14... y no logro corregirlo... ya que de javascript se muy poco.
Por favor si pudieran ayudarme ya que necesito usar este script con mucha urgencia.

MUCHAS GRACIAS
Comentario usuario
J
2 5
porque no furula en firefox?... help !!
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.