jquery - Jquery：浏览器预填充的表单输入如何清晰？

Question

我知道也许我可以使用autocomplete="off"，但我也想学习一些新的东西，用 Jquery 做这个。

浏览器（在我的例子中是 FF）自动填写表格。所以我会重置所有字段。

我正在使用此代码，但（显然？）它不读取浏览器编译（我认为在 DOM 中不存在该预填充值）。

$(':input','.not-filling')
.not(':button, :submit, :reset, :hidden')
.val('')
.text('')
.removeAttr('checked')
.removeAttr('selected');

形式很简单

<form class="not-filling" method="post" action="new-user.php">
     <input type="text" name="username" />
</form>

谢谢

Answer 1

$('.not-filling').trigger('reset');

jQuery 上的这个小代码将重置您的表单。

Answer 2

我不确定我是否遇到了问题，但您似乎想将表单输入字段的值更改为空。form.reset 的问题在于它不会清空表单而是恢复其初始状态（可能带有一些默认值）。

如果你想完全清空你的字段，你必须像这样更改它们的属性

$('form input').attr("value", "");

请注意，更改输入字段的属性（如在 jquery 的val()函数中）在这里没有帮助。