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

xmq68pz9  于 2023-02-12  发布在  jQuery
关注(0)|答案(7)|浏览(583)

我有一个登录表单,我需要强制自动完成关闭。我已经尝试
查询:$('#login').attr("autocomplete", "off");
HTML:<input ... autocomplete="off">
浏览器:document.getElementById('myInputId').autocomplete = 'off';
当我单击登录输入框时,所有浏览器上都会出现一个下拉菜单FF, Chrome, IE..
注意:这适用于以前保存过密码信息的用户,他们需要强制输入登录详细信息

kkbh8khc

kkbh8khc1#

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

axkjgtzd

axkjgtzd2#

W3Schools声明(已测试):

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

请注意,这是在HTML5中定义的
有关先前版本,请参见this SO

wd2eg0qa

wd2eg0qa3#

适用于Chrome onFocus只读删除-但onBlur您必须重写它。因此:

onFocus="this.removeAttribute('readonly');"
onBlur="this.setAttribute('readonly', true);"

对于IE和Firefox,我在任何情况下都添加了autocomplete="off"和jQuery on“ready”函数到所有可能需要它的字段(用类(或cssclass)标记它们):

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

shstlldc4#

∮试试这个∮
1.将禁用属性添加到表单字段(电子邮件、密码等)

syntax: <input type="email" name="email" class="email" autocomplete="off" disabled />

1.页面加载时,在几毫秒后启用字段。

    • 使用以下JS代码。**
function getRidOffAutocomplete(){

    var timer = window.setTimeout( function(){
        $('.email').prop('disabled',false);
        clearTimeout(timer);
       },
       800);
}

// Invoke the function, handle page load autocomplete by chrome.
getRidOffAutocomplete();
uelo1irk

uelo1irk5#

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

sqxo8psd

sqxo8psd6#

属性autocomplete=“off”应该可以在所有主流浏览器中使用。

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

如果有人像我一样寻找react-semantic-ui解决方案,这应该可以做到:

<Form.Input autoComplete='new-password' type="password" />

将呈现:

<div class="field">
  <div class="ui input">
  <input type="password" autocomplete="new-password" />
</div>

https://github.com/Semantic-Org/Semantic-UI-React/issues/3743

pxiryf3j

pxiryf3j7#

试试这个:

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

或者这个:

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

另一方面,您可以看看这个Chrome Browser Ignoring AutoComplete=Off

相关问题