Как предотвратить повторную отправку формы при нажатии кнопки перезагрузки в HTML

когда я ввожу данные в соответствующие поля и нажимаю кнопку отправки, форма отправляется, а когда я нажимаю кнопку перезагрузки, отображается следующее сообщение: «Страница, которую вы ищете, использовала введенную вами информацию. Возврат на эту страницу может вызвать любые действие, которое вы предприняли для повторения. Хотите продолжить?" как предотвратить повторную отправку этой формы, потому что при нажатии кнопки перезагрузки я хочу обновить страницу. Вот HTML-форма.

<!DOCTYPE html>
<html>

<head>
  <title> Sample Page </title>
</head>

<body>
  <form id="login-form" method="post">
    <input type="text" id="user-name" name="Username" placeholder="USERNAME" maxlength="15" autocomplete="off"> <br> <br>
    <input type="password" id="pass-word" name="Password" placeholder="PASSWORD" maxlength="10" autocomplete="off"> <br> <br>
    <button id="login-button" name="login_button" type="submit"> Login </button>
  </form>
</body>

</html>


person Joel Mathews    schedule 24.08.2018    source источник
comment
Возможный дубликат Предотвращение повторной отправки формы - я считаю, что в этой ссылке будет все, что вам нужно.   -  person James Jones    schedule 24.08.2018


Ответы (1)


Я нашел хороший веб-сайт здесь, который объясняет это, но в основном вам нужно отправить данные на другую страницу, используя <form action="file.html">, то в этом файле у вас есть этот элемент:

<meta http-equiv="refresh" content="0; URL='original-file.html'" />

Это перенаправит вас на исходную страницу, ту, на которой есть форма, через 0 секунд, и страницу можно будет обновить без этой проблемы.

person Jack Bashford    schedule 24.08.2018