如何使用 Javascript 关闭 Google Chrome 中的文本框建议

Question

我试图阻止将用户名和密码存储在 Google Chrome 密码管理器中。 因此，我使用 $(document).ready 部分中 JQuery 中的以下行将密码字段中的类型密码更改为文本。

     var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
    if (isChrome) {
        $("#UserPassword").attr("type", 'text');
        $("#UserPassword").attr("style", "-webkit-text-security:disc;");
    }
    else {
        $("#UserPassword").attr("type", 'password');
    }

但是，由于地址填写建议，我遇到了一些问题。 它显示了建议中已经输入的值。 如何防止在字段中显示建议或如何防止谷歌浏览器密码管理器从我的网站保存密码。

在 Google Chrome 中启用建议：

1. 在谷歌浏览器中打开设置页面
2. Select 左侧面板中的自动填充和密码
3. 然后 select Addresses and more in Right Panel 并启用 Save and fill addresses 选项。

任何人都知道请给我建议解决这个问题

Answer 1

使用 JavaScript，您可以使用 input 元素的自动完成属性禁用 Google Chrome 中的文本框建议。

var inputElement = document.getElementById("myInput");
inputElement.setAttribute("autocomplete", "off");

Answer 2

我被问及现场自动填充。 我需要避免在该字段中显示建议。

现在，我得到了一个避免这种情况的解决方案。

在基于字段名称的建议中显示。

function formsubmit(e){
    e.preventdefault();
    $("#userpassword").attr("name","Password"");
    $("#loginform").submit();
}


 <form action="/account/login" id="loginform" >
    <input type="text" name="123123124343_Password" id="userpassword"></input>
    <input type="submit" onclick="formsubmit()" value="Login"></input>
   </form>

所以，我为具有唯一 ID 的字段设置了动态名称。 在表单提交事件中，我根据需要更改了字段名称。

现在，建议框不会出现在该字段中