停止谷歌自动填充/自动完成破坏我的表单，禁用表单上的自动填充

Question

我有一个带输入字段的表单：

<input id="postalCode" placeholder="Postal Code* (A0A 0A0)" autocomplete="off">

我在这里使用自己的自定义自动填充功能谷歌自动填充COVERS并破坏了我的表单中的验证和用户体验。

我已经尝试将id更改为随机id =“ASDf”，并且仍然谷歌通过验证或占位符推断字段类型。我尝试过autocomplete =“off”和“false”。什么都不做。在本页面：

https://www.canadapost.ca/cpotools/apps/fpc/personal/findAnAddress?execution=e1s1

他们以某种方式成功禁用了它。

我已尝试过此页面中的所有内容：

Disabling Chrome Autofill

什么都行不通。

Answer 1

好的，这对我有用：

role="presentation" autocomplete="nope" 

在Chrome版本64.0.3282.186（官方版本）（64位）上测试。

我必须在每个输入中添加这两个。我还添加了表单标签。对于此特定版本的Chrome，自动填充功能已停用。我要离开这里，因为这是一个真正的痛苦，其他帖子中的所有前期解决方案都不起作用。

Answer 2

解决方案：将“名称”替换为#id。

  $('#Name').on('mouseup keyup', function () {
        var val = $('#Name').val();
        val = val.length;
        if (val === 0) {
            $('#Name').attr('autocomplete', 'on');
        }
        else {
            $('#Name').attr('autocomplete', 'new-password');
        }
    }).on('mousedown keydown', function () {
        var val = $('#Name').val();
        var length = val.length;
        if (!length) {
            $('#Name').attr('autocomplete', 'new-password');
        }
    })