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

时间:2018-03-21 19:41:08

标签: forms google-chrome autofill

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

<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

没有任何作用。

2 个答案:

答案 0 :(得分:1)

好的,这对我有用:

f

在Chrome版本64.0.3282.186(官方版本)(64位)上进行了测试。

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

答案 1 :(得分:-1)

解决方案:用您的#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');
        }
    })