Question

我想这很好奇。我有2个输入字段，格式简单（此处为简化）：

 $( document ).ready(function() {
    $("#user").val('');
    $("#psw").val('');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form  id="entry" method="POST">		
	<div class="row">							
		<div class="large-6 columns">
				<label>User</label>
				<input id="user" type="text" value="">
		</div>
				
		<div class="large-6 columns">
				<label>Password</label>
				<input id="psw" type="password" value="">
		</div>
	</div>
</form>

这些应该清除页面加载时的字段。实际上他们没有，我在用户字段中看到了以前的内容。

有趣的是，如果我打开调试窗口以查看正在发生的情况，则会定期清除它们。

在JS部分的开头和$（document）.ready（function（）{...

我还从答案中复制了一个建议，以清除Head页面中的缓存，同样没有结果：

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />

我在做什么错？

另外（这是附带问题），然后从其他答案中采用以下方法：

document.getElementById("entry").reset();

引发“重置是未定义的函数”错误。

我使用jquery-2.2.4.min.js

`

Answer 1

已解决
该问题与编程无关，而与浏览器的选项有关。我启用了“存储密码”选项，并且可能接受了保存凭据，但我不记得了。禁用该选项或设置“此站点永远不要记住密码”可以解决此问题，但需要最终用户干预。

尽管如此，对于这些方面，我仍然不清楚其行为：
1.显然，浏览器会在页面加载后和JS函数执行后填充字段。正常吗？
2.在调试会话期间，由于字段为空，可能完全禁用了填充。

无论如何，由于这些要点与Mozilla有关，因此我认为它们是O.T.

我仍然必须找出为什么form.reset会引发错误，但是我认为这是我自己可以解决的问题。

表单输入字段在调试模式下不会清除UNLESS

1 个答案: