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...

Tutores.org

Inicio > Javascript

Visitas: 26,917 - 27/12/2003 23:48:19

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 Opera

Este codigo aun no ha sido probado por Tutores.org en Safari

# Codigo ofrecido por Tutores.org

<script>
function mi_mascara(obj, masque) {
var ch = obj.value
var tmp = ""
var j = 0
ch.toString()
if ((window.event.type == "keydown" || window.event.type == "keyup" ) && window.event.keyCode != 8) {
for (i=0; i<ch.length; i++) {
if (!isNaN(ch.charAt(i)) && ch.charAt(i) != " ") { tmp += ch.charAt(i) }
}
ch = ""
for (i=0; i<masque.length; i++) {
if (masque.charAt(i) == "0") {
if (tmp.charAt(j) != "" ) {
ch += tmp.charAt(j)
j++
}
else { ch += " " }
}
else { ch += masque.charAt(i) }
}
}
obj.value = ch
}
function mi_mascara2(obj, masque) {
var ch = obj.value
var tmp = ""
var j = 0
ch.toString()
if (window.event.keyCode != 37 && window.event.keyCode != 39 && window.event.type != "keydown" && window.event.keyCode != 8 && window.event.keyCode != 46) {
if (window.event.type == "keyup") {
for (i=0; i<ch.length; i++) {
if (!isNaN(ch.charAt(i)) && ch.charAt(i) != " ") { tmp += ch.charAt(i) }
}
ch = ""
for (i=0; i<masque.length; i++) {
if (masque.charAt(i) == "0") {
if (tmp.charAt(j) != "" ) {
ch += tmp.charAt(j)
j++
}
else { ch += " " }
}
else { ch += masque.charAt(i) }
}
}
obj.value = ch
}
}
</script>
El ejemplo en formatos Españoles:<br>
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');">
<br>
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');">
<br>
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

<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>

COMENTARIOS

Comentario usuario

roman 29-05-2009 03:29:57

5 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

Tutores.org 19/04/2003

3 5

Hola puedes descargarlo en formato de texto y aplicarlo a tu web.

Comentario usuario

roman 29-05-2009 03:29:57

2 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

4 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.