Javascript：重定向頁面onclick

我擺弄着假裝「登錄屏幕」，但在重定向頁面時遇到麻煩。Javascript：重定向頁面onclick

我已經嘗試了幾個我在網站上發現的不同建議，但到目前爲止沒有任何工作。

我真的認爲我只是做錯了。

有什麼建議嗎？

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

代碼

document.location
window.location
window.location.href
location.href

來源

2016-10-05 Asteria

您能在JSFiddle重現這個問題嗎？ –

@YeldarKurmangaliyev不幸的是，雖然它在Chrome中工作正常，但它在JSFiddle中完全不起作用。我得到「{」錯誤「：」請使用POST請求「}」。但是，無論如何，如果它有幫助，我可以創造一個嗎？ – Asteria

默認情況下，button的作用就像input type="submit"，所以它試圖提交表單。使用event.preventDefault()來避免這種行爲。

正確的重定向方式是設置window.location.href。

此外，我強烈建議不要嘗試客戶端認證，因爲任何人都可以在您的js文件中讀取登錄名和密碼。

來源

2016-10-05 04:49:16

啊，那是我出錯的地方。謝謝！是的，當我提出這個問題時，它只是一個「假裝」登錄頁面。我沒有建立真正的知識（然而：P），再加上這僅僅是爲了個人的樂趣和學習。不是WWW！ – Asteria

Javascript：重定向頁面onclick

回答

相關問題