jQuery - inflexión "autocompletar" en off para todas las formas (incluso los no cargados todavía)

Question

Por lo tanto, tengo este código:

$(document).ready(function(){ 
    $('form').attr('autocomplete', 'off'); 
}); 

Funciona muy bien para todas las formas ya existentes. El problema es que algunas formas mías están en ventanas emergentes cargadas a través de ajax. Esto no se aplicará a ellos ya que están "cargados" más tarde.

Sé que hay una función en vivo(), pero eso es solo para adjuntar eventos. ¿Cuál es una buena manera de aplicar esto a todos los formularios?

Gracias.

Answer 1

Puede vincular un evento en vivo al evento de enfoque y luego cambiar el atributo en eso.

$(document).ready(function(){ 
    $(':input').live('focus',function(){ 
     $(this).attr('autocomplete', 'off'); 
    }); 
}); 

A partir de jQuery 1.7 jQuery.live se desaprobó. Este código ahora se vería así:

$(document).ready(function(){ 
    $(document).on('focus', ':input', function(){ 
     $(this).attr('autocomplete', 'off'); 
    }); 
}); 

Answer 2

El evento en vivo ahora está en desuso, en su lugar debería ser el evento on. Esto se adjuntará a cada entrada en el DOM sin importar si se ha creado aún o no. A continuación, agregará el atributo autocompletar = "off" a esa entrada.

$(document).ready(function() { 
    $(document).on('focus', ':input', function() { 
    $(this).attr('autocomplete', 'off'); 
    }); 
}); 

Answer 3

uso jQuery podría no ser suficiente, ya que algunos navegadores como Chrome podría cargar el 'autocompletar' salvado de datos antes documento está listo ($ (document) ready)

jQuery funciona de la siguiente

$('input, :input').attr('autocomplete', 'off'); 

además de añadir manualmente autocompletar = 'off' a las etiquetas de entrada podría ser más eficiente