如何在 jquery 表的搜索栏中禁用 Chrome 自动完成功能

高清

最近我注意到谷歌浏览器开始自动完成我们构建jquery表时动态生成的所有搜索栏。所有这些字段都不是表单的一部分,但谷歌决定在其中建议登录值。我试图解决初始化回调并使用autocomplete属性,但以下解决方案都不起作用。我在 Firefox/Safari 中没有遇到过同样的问题。任何有助于理解问题的帮助将不胜感激。

autocomplete="off"
autocomplete="false"
autocomplete="autocompleterandom"

这是我们如何初始化表

newTable$.DataTable({
    paging: true,
    pageLength: 20,
    lengthMenu: [15, 30, 60, 80],
    search: {
        search: _this.searchValues[newTable$.data('type')]
    },
    initComplete: function() {
        $('.section input[type="search"]').prop('name', 'autocompleterandom');
        $('.section input[type="search"]').prop('autocomplete', 'autocompleterandom');
    }
});

这是生成的搜索栏的样子

<div id="DataTables_Table_1_filter" class="dataTables_filter"> . 
    <label>Search:
        <input type="search" class="" placeholder="" aria-controls="DataTables_Table_1" 
               name="autocompleterandom" autocomplete="autocompleterandom"> 
    </label>
</div>

经过几个小时的研究,这似乎是一个 chrome 的“功能”,现在 chrome 建议在整个应用程序中保存密码:(

https://bugs.chromium.org/p/chromium/issues/detail?id=587466

雷内·阿尔特加

我有同样的问题,解决方案是把这两行:

$(document).ready(function(){
  $("input[type='search']").wrap("<form>");
  $("input[type='search']").closest("form").attr("autocomplete","off");
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在GoClipse中启用自动完成功能?

搜索框中的Ajax / jQuery自动完成功能(Shopify)

Flask中的jQuery自动完成功能

如何使用http请求在操作栏中实现搜索视图自动完成功能?

禁用Chrome 66的自动完成功能

如何在JQUERY中过滤搜索输入以显示正确的自动完成功能?

如何在Ionic 4的搜索栏上使用自动完成功能?

如何在Chrome自动完成功能上删除蓝色背景

如何在VBA中禁用自动完成功能?

React Formik Material UI自动完成功能:如何在localStorage的自动完成功能中填充值?

如何在Spyder中禁用括号自动完成功能?

如何在ajax函数中调用自动完成功能

如何在<h:inputText>中禁用自动完成功能?

如何在自动完成功能(jQuery ui)中搜索关键字

如何阻止jQuery自动完成功能自动建议多个值中的完整数组选项

jQuery mobile自动完成功能,在搜索时显示消息

如何在jsp页面上禁用自动完成功能

如何在Firefox的搜索栏中使用Google自动完成功能?

如何禁用桌面Chrome内联自动完成功能?

如何在jQuery UI中强制打开自动完成功能

如何在IntelliJ中打开自动代码完成功能?

如何向Jquery自动完成功能添加搜索按钮

如何从php mysql查询中为jQuery自动完成功能准备多维数组?

jQuery自动完成功能如何显示“无结果”

如何使用jQuery自动完成功能来搜索特定记录而忽略在输入框中输入的顺序词

在Chrome中关闭“密码”输入字段的自动完成功能

如何在JSP中实现机场自动完成功能?

当我使用 jquery-ui 自动完成功能在 textarea 中输入时,如何在任何位置实现自动完成?

如何使用 Jquery 创建自动完成功能?