Перенаправление после проверки всех полей ввода

Question

Я создаю простую форму регистрации с проверкой проверки ввода и хочу перенаправить на другую страницу You have successfully registered, моя проверка проверки работает, но только в течение 1/2 секунды, когда пользователь нажимает кнопку регистрации, отображается сообщение об ошибке:

Вам необходимо ввести имя пользователя / адрес электронной почты и т. Д.

Как я уже сказал, это работает только в течение нескольких секунд, затем перенаправьте пользователя, в чем заключается моя проблема, мне нужно знать, как я могу сделать так, чтобы пользователи оставались на странице, пока они не введут имя пользователя / адрес электронной почты и т. Д.

Если эта информация не будет введена, она не будет перенаправлять пользователя на страницу you have successfully registered Стоит ли добавить опцию ожидания или паузы?

Вот кнопка HTML:

<div class="form-group">
    <button id="submit" class="btn btn-primary" type="submit">
      Submit
    </button>
</div>

JS:

document.getElementById("submit").addEventListener("click", function(event){
     let url = "http://whatever/Successfullyregistration.html"
     window.location.href = url;
 }); 

Answer 1

Вот пример взятия значения ввода и проверки его первым.Если значение не пустое, страница будет перенаправлена ​​на указанную вами ссылку.

document.getElementById("submit").addEventListener("click", function(event) {
  if (document.getElementById('input-text').value !== '') {
      let url = "http://whatever/Successfullyregistration.html"
     window.location.href = url;
  }
 });

<div class="form-group">
    <input id="input-text" />
    <button id="submit" class="btn btn-primary" type="submit">
      Submit
    </button>
</div>