URL-адрес перенаправления кнопки формы - PullRequest
0 голосов
/ 20 июня 2020

У меня есть форма с текстовым полем и кнопкой отправки. Также JS, который проверяет ввод в текстовое поле - если неправильно, ничего не происходит, если правильно, кнопка перенаправляет страницу. У меня он работал с URL-адресом, прикрепленным к форме, как действие. Однако я хочу, чтобы он был частью сценария, чтобы URL-адрес не отображался в источнике. Пробовал много вариантов, но почему-то не получается заставить его работать. При нажатии кнопки (с правильным вводом) сама страница перезагружается, а не перенаправляется. Это скрипт и коды формы, любые предложения приветствуются:

  // JavaScript Document
function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x !== "4") {
    return false;
  }
else {
window.location = 'mypage.html', true;
    
  }
}

&

<div id="form">
<form name="myForm" onsubmit="return validateForm()" method="post">
<input id="answer" type="text" name="fname"><br>
<input type="submit" id="submit" value="Submit">
</form>

и эта версия использовалась для работы (без последней части java):

<div id="form">
<form name="myForm" action="mypage.html" onsubmit="return validateForm()" method="post">
<input id="answer" type="text" name="fname"><br>
<input type="submit" id="submit" value="Submit">
</form>
</div>  

1 Ответ

0 голосов
/ 20 июня 2020

Ниже приведены некоторые из способов, которые вы можете использовать в своем методе: case: 1 Если вы хотите перенаправить на новую страницу и не разрешаете пользователю переходить на исходную страницу

window.location.replace("url"); 

Эта функция удаляет запись из истории

case: 2 Если вы хотите выполнить перенаправление на новую страницу, а также разрешить пользователю переходить на исходную страницу

window.location.assign("url");

Эта функция добавляет новый URL-адрес в стек истории и перенаправлен на новый URL-адрес

, вы также можете ссылаться на это:

https://www.tutorialrepublic.com/codelab.php?topic=faq&file=jquery-auto-redirect-to-another-page

Надеюсь, это сработает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...