자바 스크립트 : 리디렉션 페이지 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.location.href으로 같은 지역에) 시도했습니다

$(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'); 
      } 
     }); 
    }); 

코드

1. document.location
2. window.location.href
기본적으로
3. location.href

Answer 1

window.location

, input type="submit" 같은 button 행위, 당신의 양식을 제출하려고 그래서. 이 문제를 방지하려면 event.preventDefault()을 사용하십시오.

리디렉션하는 올바른 방법은 window.location.href입니다.

또한 클라이언트 측 인증을 시도하지 않는 것이 좋습니다. 누군가가 js 파일에서 로그인과 비밀번호를 읽을 수 있기 때문입니다.