Jquery completamento automatico Disattiva in ingresso

Question

ho questo codice:

il codice HTML:

<input id="register_username" type="text"> 
<input id="register_password" type="text"> 
<input id="register_repeatpassword" type="text"> 
<input id="register_email" type="text"> 

jQuery:

$(document).ready(function(){ 
    $('#register_username').attr('autocomplete','off'); 
    $('#register_password').attr('autocomplete','off'); 
    $('#register_repeatpassword').attr('autocomplete','off'); 
    $('#register_email').attr('autocomplete','off'); 
    }); 

Voglio disattivare la funzione di completamento automatico Difred da alcuni browser e acctually fai in modo che l'utente digiti l'intero campo ma il codice non funziona, il menu a discesa viene comunque visualizzato e l'utente può ancora scegliere le cose digitate in precedenza. Ho anche provato ad usare l'utente autocomplete="off" ma non è successo nulla. Cosa sto facendo di sbagliato qui?

Answer 1

Basta aggiungere:

autocomplete="off" 

come attributi al INPUT elementi, f.ex:

<input autocomplete="off" id="register_username" type="text" name="username"> 

Answer 2

Anche se sono d'accordo, autocomplete="off" dovrebbero essere ampiamente sostenuto ed è la soluzione finale, ma non funziona può essere il risultato di HTML5 spec on the autocomplete attribute:

Il meccanismo di completamento automatico deve essere imp attenuato dall'agente utente che agisce come se l'utente avesse modificato il valore dell'elemento e deve essere eseguito in un momento in cui l'elemento è mutabile (ad es. subito dopo che l'elemento è stato inserito nel documento o quando l'interprete interrompe l'analisi).

Questo, per me, implica che dovrebbe essere un attributo "originale" dell'elemento e non può essere aggiunto dopo il rendering. E poiché la maggior parte dei browser sta implementando la nuova specifica , è probabile che lo abbiano consentito con javascript prima che abbiano probabilmente corretto l'implementazione in base alle specifiche di cui sopra.

Se non lo hai già fatto, prova ad aggiungere l'attributo direttamente ai controlli invece di fare affidamento su jQuery facendo così [presumibilmente] pronto per il documento.

Io uso spec losely qui dal HTML5 non è uno standard, ma un sacco di browser stanno implementando alcune delle caratteristiche più concreti. Dal autocomplete esiste da IE5, è probabilmente uno di quelli che è possibile considerare un'implementazione sicura.

Answer 3

controllo questo fiddle out

document.getElementById("register_username").autocomplete="off" 

Answer 4

Il jQuery versione:

$("#register_username").attr("autocomplete", "off"); 

Answer 5

<form id='myForm'> 
    <input id="register_username" type="text"> 
    <input id="register_password" type="text"> 
    <input id="register_repeatpassword" type="text"> 
    <input id="register_email" type="text"> 
</form> 
$(document).ready(function(){ 
    $('#myForm').on('focus', ':input', function(){ 
     $(this).attr('autocomplete', 'off'); 
    }); 
}); 

Answer 6

utilizzando jQuery, io fare questo in un layout di pagina, o un po 'di HTML che verrà essere presente su ogni pagina del sito.

$(document).ready(function() { 

     //when the page is done loading, disable autocomplete on all inputs[text] 
     $('input[type="text"]').attr('autocomplete', 'off'); 

     //do the same when a bootstrap modal dialog is opened 
     $(window).on('shown.bs.modal', function() { 
      $('input[type="text"]').attr('autocomplete', 'off'); 
     }); 
});