Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] alguna funcion Javascript como mascara de entrada en una caja de texto html5?

Estas en el tema de alguna funcion Javascript como mascara de entrada en una caja de texto html5? en el foro de Javascript en Foros del Web. Hola mundo de foros del web tengo un problema y es el siguiente tengo una caja de texto en html5 y quiero que funcione solo ...
  #1 (permalink)  
Antiguo 13/10/2015, 16:07
 
Fecha de Ingreso: agosto-2015
Ubicación: El Salvador
Mensajes: 17
Antigüedad: 8 años, 8 meses
Puntos: 0
Pregunta alguna funcion Javascript como mascara de entrada en una caja de texto html5?

Hola mundo de foros del web tengo un problema y es el siguiente tengo una caja de texto en html5 y quiero que funcione solo para la entrada de un código y al final antes del ultimo dígito sea separado por un - (guion) a medida que se ingresan los valores os explico de la siguiente manera:

tengo el siguiente código:
05079611-7

lo que quiero es que a medida que uno escribe el código se inserte automáticamente el guion exactamente antes de el ultimo digito.

si alguien tiene una idea o un ejemplo para ello os agradeceria muchisimo
  #2 (permalink)  
Antiguo 14/10/2015, 00:13
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: alguna funcion Javascript como mascara de entrada en una caja de texto htm

Mientras escribes, verifica la longitud del contenido de la caja de texto y cuando esta sea igual a la cantidad que definas, añades el guion. Apóyate en el evento input.

Código Javascript:
Ver original
  1. elemento.addEventListener("input", function(){
  2.     if (this.value.length == 8){
  3.         this.value += "-";
  4.     }
  5. }, false);

Te sugiero hacer más sólida esa validación ya que cualquier podría eliminar dígitos al inicio y así lograr añadir otros guiones.

Un saludo
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 18/10/2015, 23:31
Avatar de Trublux  
Fecha de Ingreso: octubre-2010
Ubicación: Madrid
Mensajes: 355
Antigüedad: 13 años, 6 meses
Puntos: 48
Respuesta: alguna funcion Javascript como mascara de entrada en una caja de texto htm

Usa dos campos separados.
__________________
eZ Publish Developer Basic Legacy
eZ Publish Developer Basics (4.4)
Alojamientos rurales en España

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:34.