Nueva pregunta

Pregunta:

Fecha: 27-02-2016 00:44:55 (En Español)

Input type password autocomplete off[Resuelta]

Hola a todos, esta pregunta esta relacionada con el value que se autocompleta en un control html input type password cuando este valor esta guardado en el browser, necesito configurar este control html con autocomplete off, pero esta propiedad parece no responder, no se si hay algun tipo de hack, yo ya probe con algunas técnicas que paso a comentar sin resultados favorables.

Crear un input type text con la propiedad autocomplete off y cuando el documente este "ready" lo cambio con javascript por type password

<input type="text" autocomplete="off" value="" id="password"/>
<script type="text/javascript">
$(document).ready(function () {
    document.getElementById('password').type = 'password';
});
</script>


Configurar en tiempo de ejecución con Javascript

<input type="password" value="" id="password"/>
<script type="text/javascript">
$(document).ready(function () {
    document.getElementById('password').autocomplete = 'off';
    document.getElementById('password').value = '';
});
</script>


También probe poner el autocomplete off en el form, pero ninguna técnica dio resultado.

Agradezco sus aportes de antemano.

Saludos,
Etiquetas: Contraseña - HTML - Javascript - Pregunta Votos: 1 - Respuestas: 7 - Vistas: 14 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 27-02-2016 01:21:54 Hola, yo crearía con JS una subrutina que limpiara constantemente el campo de password, hasta que dos condiciones se cumplan: onfocus y onload (o quizás onfocus sólo, ya que las redes de conexión lenta pueden no cumplir nunca el evento onload). Cuando se cumplen esas dos condiciones, la subrutina debe dejar de ejecutarse.   Votos: 3 - Link respuesta
     
  • Fecha: 27-02-2016 01:28:15 Genio Axel, agregue el limpiado de campo despues del focus() y funciono.

    Me estoy dando cuenta que la clave esta en limpiar despues de hacer foco en el campo y no antes.

    Digamos que esto no funciona:
        <input type="password" value="" id="password"/>
        <script type="text/javascript">
        $(document).ready(function () {
            document.getElementById('password').value = '';
            document.getElementById('password').focus();
        });
        </script>


    Y esto si:
        <input type="password" value="" id="password"/>
        <script type="text/javascript">
        $(document).ready(function () {
            document.getElementById('password').focus();
            document.getElementById('password').value = '';
        });
        </script>


    Muchas gracias, doy por cerrada la pregunta.
      Votos: 2 - Link respuesta
     
  • Fecha: 27-02-2016 06:23:49
    $('input[autocomplete="off"]').each( function(){
            $(this).value = "";
        });
    
      Votos: 2 - Link respuesta
     
  • Fecha: 27-02-2016 06:55:31 Leandro, excelente hack para salvar la aplicación de autocomplete="off", muchas gracias y bienvenido a la comunidad!   Votos: 2 - Link respuesta
     
  • Fecha: 27-02-2016 12:31:17
    $('input[autocomplete="off"]').each( function(){
            $(this).value = "";
        });


    Ya no sería necesario el each solo seria así

    $('input[autocomplete="off"]').val('');
    
      Votos: 2 - Link respuesta
     
  • Fecha: 28-02-2016 17:09:03 Buen dato Juan, con el each tienes mas control de cada iteración, pero para este caso no se necesita y aplica muy bien usar sel set value sobre el selector multiple de JQuery.

    Aquí hice una prueba, dejo el código y demo.
    En este ejemplo se agrega el texto "texto prueba" a los controles html input que tiene el atributo autocomplete="off" por medio de JQuery, esto se realiza en el evento ready del documento.
    Vale aclarar que si el texto "texto prueba" es agregado a todos los elementos que tienen el atributo autocomplete="off", también se podrá poner el texto en vacío con el "$('input[autocomplete="off"]').val('');"
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>JQuery selector múltiple</title>
    <!--        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>-->
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
            <script type="text/javascript">
                $(document).ready(function(){
                   $('input[autocomplete="off"]').val('texto prueba');
                });
            </script>
    
        </head>
        <body>
            <h1>JQuery selector múltiple</h1>
            <p>En este ejemplo se agrega el texto "texto prueba" a los controles html input que tiene el atributo autocomplete="off" por medio de JQuery, esto se realiza en el evento ready del documento.</p>
            <hr/>
            <form>
                <input type="text" autocomplete="off" value="" />
                <br />
                <input type="password" autocomplete="off" value="" />
            </form>
        </body>
    </html>
    


    Demo: http://www.phpcentral.com/ejemplos/jquery/autocomplete_off.php

    Saludos,
      Votos: 1 - Link respuesta
     
  • Fecha: 29-02-2016 07:39:42 claro recuerda que jquery tambien tiene acceso al dom por selectores en este caso el selector fue

    autocomplete="off"

     $('input[autocomplete="off"]')
    



    saludos
      Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com