Перенаправление после отправки формы (HTML, PHP)

Question

Я сделал тест, который делится на несколько страниц. Затем, когда люди нажимают кнопку отправки, я хочу перенаправить их после сохранения на следующую страницу. По какой-то причине кнопка отправки отправляется, а затем сразу обновляет страницу. Таким образом, javascript для перенаправления даже не запускается.

HTML:

<form method="post" action="" id="formwrap"> 
    <!-- questions here --> 
    <input id="submitButton" class="block" type = "submit" name = "verzenden" value = "Opslaan" onClick="nextPage();"/> 
</form> 

И JavaScript:

function nextPage() { 
    window.location.href = "test.php"; 
} 

Любые идеи? Я уже пробовал: создание типа ввода = «кнопка», а затем создание функции отправки javascript; в теге <form>onSubmit="nextPage()"; Вещи с preventDefault, чтобы кнопка отправки не перезагрузила страницу.

У меня возникает ощущение, что это ДОЛЖНА для кнопки отправки, чтобы перезагрузить или что-то в этом роде. Возможно, есть способ перенаправить ПОСЛЕ перезагрузки страницы. Ну, я понятия не имею. Любая помощь будет более чем приветствуется!

Answer 1

Во-первых, удалите встроенный обработчик на кнопку отправки. Ваш HTML должен выглядеть так:

<form method="post" action="" id="formwrap"> 
    <!-- questions here --> 
    <input id="submitButton" class="block" type="submit" name="verzenden" value="Opslaan" /> 
</form> 

Затем обновить JavaScript, чтобы добавить обработчик событий, который предназначается submit события вашего formwrap элемента. Затем предотвратите создание формы с помощью обратной связи с preventDefault. Как только поведение по умолчанию будет предотвращено, вы можете отправить пользователя на любой URL-адрес, который вы хотите:

document 
    .getElementById("formwrap") 
    .addEventListener("submit", function(e) { 
    e.preventDefault(); 
    window.location.href = "test.php"; 
    });