0

Mi código esta así:

function hideOrShowPassword() {
  var password1, password2, check;

  password1 = document.getElementById("password1");
  password2 = document.getElementById("password2");
  check = document.getElementById("ver");

  if (check.checked == true) // Si la checkbox de mostrar contraseña está activada
  {
    password1.type = "text";
    password2.type = "text";
  } else // Si no está activada 
  {
    password1.type = "password";
    password2.type = "password";
  }
}
<script src="../validar.js"></script>

<input class="input-100" type="password" id="password1" name="password1" maxlength="39" placeholder="Ingresa tu contraseña " />
<br>
<input class="input-100" type="password" id="password2" name="password2" maxlength="39" placeholder="Verifica tu contraseña " />
<small>
    <input type="checkbox" id="ver" class="ver" onChange="hideOrShowPassword()" />
    <label class="text">Mostrar contraseña</label>
</small>

Y quiero que al habilitar el checkbox, se cambie el type de los inputs a text.

7
  • ¿En qué navegador y qué versión no te funciona? ¿Algún error en consola?
    – Mariano
    Commented el 25 jun. 2017 a las 5:11
  • uso google chrome Commented el 25 jun. 2017 a las 5:13
  • Se puede verificar que funciona ejecutando tu código en la pregunta. El error está en algún otro lado. ¿Algún error en consola?
    – Mariano
    Commented el 25 jun. 2017 a las 5:14
  • ya me sirvio ... aunque no sirve todo mi código queria validar un formulario pero no me sirve el código Commented el 25 jun. 2017 a las 5:18
  • No entiendo. ¿qué es lo que "no sirve"? Tu pregunta no es sobre validación, sino sobre mostrar o no el texto de un input.
    – Mariano
    Commented el 25 jun. 2017 a las 5:19

1 respuesta 1

0

El código que tienes funciona:

function hideOrShowPassword(){
  var password1,password2,check;

  password1=document.getElementById("password1");
  password2=document.getElementById("password2");
  check=document.getElementById("ver");

  if(check.checked==true) // Si la checkbox de mostrar contraseña está activada
  {
      password1.type = "text";
      password2.type = "text";
  }
  else // Si no está activada
  {
      password1.type = "password";
      password2.type = "password";
  }
}
<input class="input-100" type="password"id="password1" name="password1" maxlength="39"  placeholder="Ingresa tu contraseña " />
<br>
<input class="input-100" type="password"id="password2" name="password2" maxlength="39"  placeholder="Verifica tu contraseña " />
<small>
    <input type="checkbox" id="ver" class="ver" onChange="hideOrShowPassword()" />
    <label class="text">Mostrar contraseña</label>
</small>

6
  • a mi no me sirve ... no se porque Commented el 25 jun. 2017 a las 4:54
  • Puede a que se deba que tienes tu archivo javascript en otro lado, en tu linea <script src="../validar.js"></script> puede que tu archivo javascript este donde mismo que tu archivo html y no tendrías que retroceder en la carpeta para encontrarlo seria así: <script src="validar.js"></script>.
    – Mvochoa
    Commented el 25 jun. 2017 a las 4:57
  • mmm la verdad si está al mismo nivel Commented el 25 jun. 2017 a las 5:00
  • te comparto el código? Commented el 25 jun. 2017 a las 5:00
  • Si esta al mimo nivel solo ocupas ajustar la linea donde lo llamas <script src="validar.js"></script> y ver que el nombre este bien escrito.
    – Mvochoa
    Commented el 25 jun. 2017 a las 5:02

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.