Проверка пароля Javascript window.location.replace

Question

У меня есть сайт, на котором я хочу создать форму для входа в систему JavaScript.

Непонятное имя пользователя & пароль для входа в систему, но я хочу создать логин для подтверждения пароля. Я хочу, чтобы пользователь перенаправлял private.html, когда он их правильно, и error.html, когда они ошибаются.

Это HTML:

<script type="text/javascript"> 
function checkForm() { 
    x = document.getElementById("holy").value 
    if (x == "mangos") { 
    alert("Right Password!"); 
    window.location.replace("private.html"); 
    } 
    else { 
    alert("Wrong Password!"); 
    window.location.replace("home.html"); 
    } 
} 
</script> 
<center> 
<form class="form-container"> 
<center> 
<div class="form-title"><h2>Login</h2></div> 
<div class="form-title">Username</div> 
<input class="form-field" type="text" name="username" /><br /> 
<div class="form-title">Password</div> 
<input class="form-field" type="password" id="holy" name="password" /><br /> 
<div class="submit-container"> 
<button onclick="checkForm()" class="submit-button">Login</button> 
</div> 
</center> 
</form> 

Видимо, предупреждение раздел в функции работает, но следующая часть кода, которая является window.location.replace не работает. Вместо этого URL-адрес становится

.com/password.html?username=asd&password=mangos 

Как мне это сделать/исправить?

Answer 1

Это происходит потому, что форма отправляется, что является поведением по умолчанию. Чтобы обойти это, напишите return false в конце вашей функции checkForm().

function checkForm() { 
    x = document.getElementById("holy").value 
    if (x == "mangos") { 
    alert("Right Password!"); 
    window.location.replace("private.html"); 
    return false; 
    } 
    else { 
    alert("Wrong Password!"); 
    window.location.replace("home.html"); 
    return false; 
    } 
}