Mostrar contraseña de formulario con boton

Tengo un formulario de registro y necesito crear un boton para que me muestre la contraseña que ingrese a ver si es correcta o no pero no me esta saliendo, que error estoy cometiendo?

<div class="form-group">
                    <div class="col-md-offset-4 col-md-3 col-sm-3 col-xs-12">
                        <input id="pass-2" placeholder="Contraseña *" type="password" class="form-control form-tooltip" data-placement="right" title="Contrase&ntilde;a">
                    </div>
                    <div class="col-md-3 show-password">
                        <button type="button" class="btn btn-primary btn-xs" id="show-pass">Mostrar contraseña</button>
                    </div>
                </div>
 
  $(document).ready(function () {
    $('#show-pass').click(function () {
      if ($('#show-pass').is(':focus')) {
        $('#pass-2').attr('type', 'text');
      } else {
        $('#pass-2').attr('type', 'password');
      }
    });
  });

Respuestas

#1

Buena tarde

Para empezar , estas revisando ":focus" a un boton, independientemente de eso, no seria una forma de hacerlo, de forma rápida puedes hacer lo siguiente:

$(document).ready(function () {
   $('#show-pass').click(function () {
    if ($('#pass-2').attr('type') === 'text') {
     $('#pass-2').attr('type', 'password');
    } else {
     $('#pass-2').attr('type', 'text');
    }
   });
  });

@jorge92_0

19 mayo 2016, 23:39