浏览器中的autocomplete =“off”强制

时间:2013-08-08 10:28:06

标签: javascript jquery html forms autocomplete

我有一个登录表单,我需要强制关闭自动完成功能。 我试过了

jquery:$('#login').attr("autocomplete", "off");

HTML:<input ... autocomplete="off">

Javascript:document.getElementById('myInputId').autocomplete = 'off';

当我点击登录输入框时,会出现一个下拉列表 跨所有浏览器 FF, Chrome, IE..

N.B。这适用于之前已保存密码信息的用户需要强制输入登录详细信息

6 个答案:

答案 0 :(得分:9)

或者使用jQuery添加:$("input, select, textarea").attr("autocomplete", "off");

答案 1 :(得分:2)

W3Schools个州(已测试):

<input type="email" name="email" autocomplete="off" />

请注意,这是在HTML5中定义的

对于以前的版本,请参阅this SO

答案 2 :(得分:0)

试试这个

  1. 将禁用的属性添加到表单字段(电子邮件,密码等)

    syntax: <input type="email" name="email" class="email" autocomplete="off" disabled />
    
  2. On Page Load在几毫秒后启用字段。

    使用以下JS CODE。

    function getRidOffAutocomplete(){
    
        var timer = window.setTimeout( function(){
            $('.email').prop('disabled',false);
            clearTimeout(timer);
           },
           800);
    }
    
    // Invoke the function, handle page load autocomplete by chrome.
    getRidOffAutocomplete();
    

答案 3 :(得分:0)

试试这个:

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

或者这个:

$(document).ready(function(){ 
    $("input").attr("autocomplete", "off");
}); 

另一方面,您可能会看一下这个Chrome Browser Ignoring AutoComplete=Off。希望这会有所帮助..

答案 4 :(得分:0)

为Chrome onFocus工作取消了readonly - 但onBlur你 必须重写它。 所以:

WSGISocketPrefix /var/run/wsgi

这就是诀窍。对于IE和Firefox,我在任何情况下都将onFocus="this.removeAttribute('readonly');" onBlur="this.setAttribute('readonly', true);" 和jQuery on“ready”函数添加到可能需要它的所有字段(用类(或cssclass)标记它们):

autocomplete="off"

答案 5 :(得分:0)

将“ form-group”类封装在form标记中,并在处理程序内部使用event.preventDefault()方法添加onSubmit处理程序。