防止 javascript/jquery 中的表单自动填充答案

【问题标题】：prevent form autofill in javascript/jquery防止 javascript/jquery 中的表单自动填充
【发布时间】：2020-10-16 05:31:40
【问题描述】：

我在表单中有一个文本字段

<form action="">
<input type="text" id="input_id"></input>
<button type="button" id="button_id"></input>
.
.
.
</form>

每次我在输入字段中输入一些值时，似乎都会记录它的存储位置，然后当我输入一些其他值时，那些已经输入的值会作为建议类型出现，但我不希望那样即将发生。我如何为该特定字段禁用此功能。如果我听起来很无知，但我在这里是盲人，请原谅我......任何建议和帮助将不胜感激。我不知道如何开始。

【问题讨论】：

你的问题没有提到cookies，我编辑了标题。
输入元素没有结束标签。按钮元素的结束标记为</button>。 ;-|
@Barmar...如你所愿！！！！那是因为我实际上并不了解我的问题。
@RobG 带有结束标签的输入元素也不会出错......所以我从来不知道......下次我会尽量小心......跨度>
@L4reds——浏览器对错误的 HTML 非常宽容——他们会尽最大努力纠正它，并且很少（如果有的话）抛出错误，尽管错误纠正的结果在不同的浏览器中可能不同，并且可能产生意想不到的结果。多余的结束标签将被忽略。

标签： javascript jquery cookies

【解决方案1】：

这取决于浏览器将此标签添加到文本框

浏览器支持的此属性显示您之前在该字段中输入的值。

您可以通过以下方式关闭此属性：

    <form id="Form1" method="post" autocomplete="off">
    <input type="text" autocomplete="off" id="input_id"></input>
...
</form>

【讨论】：

这个答案也同样有用

【解决方案2】：

将自动完成设置为“关闭”以禁用建议

【讨论】：

+1 '因为我喜欢不涉及不正确 HTML 的答案。 :-)

【解决方案3】：

您可以在文本框中添加autocomplete="off" 属性。

<input type="text" id="input_id" autocomplete="off" />

如果这不起作用，您可以在 ready 事件中使用 JavaScript 生成一些随机的 data-* 属性（假设您的表单不是动态的），如下所示：

$(function () {
  $("#input_id").attr("data-random", Math.random());
});

这将向浏览器模拟这是不同的元素，因此不会将自动完成数据带到文本框。

对于动态input，这里是jQuery方式：

$("form").append($("<input />", {
    "type": "text",
    "class": "V_NAME",
    "name": "V_NAME",
    "id": "NAME" + array[l],
    "autocomplete": "off",
    "data-random": Math.random()
}));

【讨论】：

我的输入字段是动态生成的，当我添加 .append($("", { type: "text", class: "V_NAME", name: "V_NAME", id : "NAME" + array[l], autocomplete: "off" })) 它给出了这个错误的自动完成未捕获的错误：无法在初始化之前调用自动完成的方法；试图调用方法“关闭”
在自动完成周围添加""。
$(document).ready(function(){ $("#NAME"+array[l]).attr("autocomplete", "off"); });似乎工作得很好......你的评论“（假设你的表格不是动态的）”对我有很大帮助。
@L4reds 很高兴为您提供帮助 :) 以防万一您的网站打开的浏览器不支持该属性，请为其添加随机属性..查看我的答案编辑