在输入字段中禁用 Chrome 保存的信用卡信息答案

【问题标题】：Disable Chrome's saved credit card info on an input field在输入字段中禁用 Chrome 保存的信用卡信息
【发布时间】：2019-10-19 06:42:02
【问题描述】：

我无法禁用 Chrome 的付款方式下拉菜单，该下拉菜单应该在您单击信用卡字段时出现，但在您单击主题输入字段时会出现。请注意，HTML是自动生成的，不能直接编辑，需要用JS来调整。

    <form>
        <div id="subject_row" class="form-row form-text eCardFields show">

            <div class="form-content">
                <span class="field-required"></span>
                <label for="ecard_subjectname">Subject: *</label>

                <input type="text" name="ecard_subjectname" id="ecard_subjectname" value="" maxlength="50" placeholder="disabled only for this component">

                <input type="hidden" name="ecard_subjectsubmit" id="ecard_subjectsubmit" value="true">

            </div>
        </div>
    </form>

这是我尝试过的：

//attempt 1
$('#ecard_subjectname').attr('autocomplete', 'new-password');
//attempt 2
$('#ecard_subjectname').attr('autocomplete', 'off');

【问题讨论】：

它可能触发了“ecard”中的“card”。如果您的后端在处理过程中期望该名称，则不确定您能做些什么...也许在 onload 时更改它并在提交时将其更改回？
stackoverflow.com/questions/39937170/… 的副本？您是否尝试过该解决方案？
@LeviBlodgett 也尝试了该解决方案，但它不起作用。

标签： javascript

【解决方案1】：

尝试为 jQuery 使用 terrylinooo 的 disableAutoFill：https://github.com/terrylinooo/jquery.disableAutoFill

【讨论】：