Ver Mensaje Individual
  #7 (permalink)  
Antiguo 11/12/2009, 16:51
darcon3371
 
Fecha de Ingreso: junio-2009
Mensajes: 5
Antigüedad: 15 años, 9 meses
Puntos: 0
Respuesta: cambiar input type password a text y al revés

Se que este post es de hace mucho, pero yo encontre una solucion y quiero compartirla.

Se trata de colocar 2 inputs... uno tipo text y otro pass.

Primero tenemos visible el de tipo text con value: "Contraseña" o algo así, al hacer "focus" en éste lo ocultamos y mostrarmos el tipo pass, y ponemos el "foco" en este último... coloco el codigo por si a alguien le sirve (espero q si :))

Código HTML:
Ver original
  1. <input name="temp" id="temp" type="text" value="Contraseña" />
  2. <input name="pass" id="pass" type="password" style="display:none" />

Código Javascript:
Ver original
  1. $("#temp").focus(function(){
  2.         $(this).hide();
  3.         $("#pass").show();
  4.         $("#pass").focus();
  5.     });
  6.  
  7.     $("#pass").blur(function(){
  8.         if(!$(this).attr('value')){
  9.             $(this).hide();
  10.             $("#temp").show();
  11.         }
  12.     });

PD: Utilizo jquery