jQuery перенаправить на другой файл

Question

Я пытаюсь перенаправить в другой файл после успешного входа в систему. Тем не менее, похоже, что я не смог перейти на b.html после успешного входа в систему. Кажется, он остается на той же странице. Я попытался document.location.href, window.location.replace, но это не похоже на работу

<script> 
    window.onload = function() { 
     document.addEventListener("deviceready", init, false); 
    } 

    function init() { 
     document.getElementById("btnSave").addEventListener("click", saveData, false); 
     document.getElementById("btnGet").addEventListener("click", getData, false); 
    } 

    function getData() { 
     var email1 = document.getElementById("email1").value; 
     var pass1 = document.getElementById("password1").value; 
     var email2 = window.localStorage.getItem("email"); 
     var pass2 = window.localStorage.getItem("pass"); 
     if (email1 == email2 && pass1 == pass2) { 
      alert("Login successfully"); 
      window.location.href = "/b.html"; 
     } else { 
      alert("Invalid login credentials"); 
     } 
    } 
</script> 
<form class="login-form"> 
    <input type="email" id="email1" name="email1" placeholder="Email Address" required/> 
    <input type="password" id="password1" name="password1" placeholder="Password" required/> 
    <button id="btnGet" type="submit" name="submit">Login</button> 
</form> 

Answer 1

Причина, почему ваш Перенаправление не работает, что нажав на кнопку Login отправляет форму. Это нормальное поведение веб-браузера. В этом случае вам необходимо предотвратить это поведение по умолчанию.

Использование jQuery, вы можете сделать это следующим образом:

$('form.login-form').submit((e) => { 
    e.preventDefault(); 
}); 

Поскольку вы не используете jQuery в коде вообще, вы могли бы быть заинтересованы в такой версии:

form.addEventListener('submit', e => { 
    e.preventDefault(); 
}); 

Альтернативным решением было бы не добавлять атрибут type="submit" к кнопке входа.

Но самое лучшее, что вы можете сделать (и то, что используют интернет-пользователи), - это перенаправить пользователя после отправки формы. Тогда это будет работать не только тогда, когда пользователь нажимает на кнопку, но, когда он нажимает ENTER и т.д.

Тогда ваш код должен выглядеть следующим образом:

(() => { 
    let form; 

    function init() { 
     form = document.querySelector('login-form'); 

     if (!form) { 
      throw new ElementNotFoundException(); 
     } 

     form.addEventListener('submit', onSubmitHandler); 
    } 

    function onSubmitHandler(e) { 
     e.preventDefault(); 

     // get values, validate... 

     window.location.href = 'b.html'; 
    } 

    init(); 
}); 

Answer 2

Возможно расположение HREF не правильно прописан, пожалуйста, замените window.location.href = "/b.html"; до window.location.href = "b.html";