的JavaScript window.location的不是重定向到一個不同的頁面

Question

這是我的`的index.html的片段

<div class="maincontainer"> 
    <h2 id="heading" class="heading"></h2> 
    <input type="button" id="resetPassword" class="resetPassword" onclick="resetPassword()" value= "Reset Password" /> 
    <form method="post" onsubmit="return submitform()"> 
     <div> 
      <input type="password" id="password" name="password" class="patternlock" /> 
      <input type="submit" value="login"/> 
     </div> 
    </form> 
</div> 

這是我的script.js，我包括在我的index.html的片段

function submitform(){ 
var passwordvalue = document.getElementById("password").value; 
var digits = getlength(passwordvalue); 
if(digits<5) { 
    raiseerror("lengthTooSmall"); 
} 

checkduplicatedigits(passwordvalue); 

if (errorraised == false && passwordset == false) { 
    localStorage.setItem("passwordvalue", passwordvalue); 
    successmessage("patternStored"); 
} 
else if (errorraised == false && passwordset == true) { 
    if (localStorage.getItem("passwordvalue") == passwordvalue) { 
     successmessage("screenUnlocked"); 
    } 
    else { 
     raiseerror("IncorrectPattern"); 
    } 
} 
return true; 
}; 

function successmessage(successcode) { 
    if(successcode == "screenUnlocked") { 
     alert("You have unlocked the screen!"); 
     window.location = "./welcome.html"; //bug to be fixed 
    } 
    if (successcode == "patternStored") { 
     alert("Your pattern is stored. Thanks."); 
     passwordset = true; 
    } 
    if (successcode == "resetSuccess") { 
     alert("Pattern Reset Success!"); 
    } 
    location.reload(); 
}; 

此時，每當，successcode == 「screenUnlocked」 被觸發時，我能夠得到警報消息

alert("You have unlocked the screen!"); 

但下一行

window.location = "./welcome.html"; 

不起作用。

爲什麼不在這種情況下工作？ 是否有任何具體要求爲window.location工作？如果是這樣，請說明。

查看源代碼這個代碼在谷歌瀏覽器39.0.2171.71。我檢查了我的控制檯錯誤但是沒有任何。只有幾個警告，但它們與此無關。

還是有任何其他功能使用純Javascript進行重定向？如果是這樣，請說明。

如果需要更多信息，請發表評論。

Answer 1

首先，這是不安全的，所以我希望這不是真正的保護。

它失敗的原因是你有一個與window.location和表單提交的競爭條件。表單提交是因爲您沒有取消表單提交。

您需要在驗證函數結束時返回false，而不是true。

Answer 2

我認爲你需要使用

window.location.href = "./welcome.html"; 

問題最好在這裏

How to redirect to another webpage in JavaScript/jQuery?

Answer 3

回答取代

successmessage("screenUnlocked"); 

通過

successmessage("screenUnlocked"); 
return false;