Мне кажется, это любопытно.
У меня есть 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 () {...
Я также скопировал предложение из ответа, чтобы очистить кеш в заголовке страницы, опять же без результата:
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
Что я делаю не так?
Дополнительно (это побочный вопрос), а затем следующий метод взят из других ответов:
document.getElementById("entry").reset();
вызывает ошибку «сброс - неопределенная функция».
Я использую jquery-2.2.4.min.js
`