Javascript: Перенаправление страницы onclick

Question

Я возился с притворным «экраном входа», но у меня возникают проблемы, когда дело доходит до перенаправления страницы.

Я пробовал пару различных предложений, которые я нашел на сайте, но пока ничего не сработало.

Честно говоря, я просто делаю это неправильно.

Любые советы?

HTML

<div class="title"><h1>Webby Site</h1></div> 
<div class="login-page"> 
    <div class="form"> 
    <form class="login-form"> 
     <input id="User" type="text" placeholder="username"/> 
     <input id="PWord" type="password" placeholder="password"/> 
     <button class="button">Login</button> 
     <p class="message">Not registered? <a>Create an account</a></p> 
    </form> 
    </div> 
</div> 

JS

$(document).ready(function(){ 
     $('.button').click(function(){ 
      if ($('input#User').val() === "1" && $('input#PWord').val() === "1"){ 
      document.location.href = "www.yoursite.com"; 
      } else { 
       alert('Incorrect Account Details'); 
      } 
     }); 
    }); 

код Я попытался (в том же районе, document.location.href)

1. document.location
2. window.location
3. window.location.href
4. location.href

Answer 1

По умолчанию button действует как input type="submit", поэтому он пытается отправить форму. Используйте event.preventDefault(), чтобы избежать этого.

Правильный способ перенаправления - window.location.href.

Кроме того, я настоятельно рекомендую не проверять аутентификацию на стороне клиента, поскольку каждый может просто прочитать логин и пароль в вашем файле js.