通過窗體強制窗口重定位 - JavaScript

我正在構建一個虛假的登錄窗體，如果用戶插入正確的憑據，應該在本地加載不同的URL。這是html代碼：通過窗體強制窗口重定位 - JavaScript

<div class="container"> 
    <h2>Login page - Welcome</h2> 
    <form id="loginForm" onsubmit="subLogin()"> 
     Username: <input id="userName" type="text" name="userName" required><br/> 
     Password: <input id="passWord" type="password" name="password" required><br/> 
     <button type="submit" id="login-button" value="Login">Login</button> 
    </form> 
</div>

這是javascript，我嘗試通過window.location.href = "/index.html"重新定位用戶。

function subLogin() { 
    var userName = document.getElementById('userName').value; 
    var passWord = document.getElementById('passWord').value; 
    if (userName !== 'mickeymouse' || passWord !== 'DisneyLand') { 
     alert('Your username or password is not correct'); 
    } else { 
     window.location.href = 'http://localhost:8000/index.html'; 
    }; 
};

如果用戶名或密碼是錯誤的，但如果是正確的，因爲espected的window.location不起作用。

有沒有辦法解決這個問題純粹javascript，還是更好地使用任何XMLHttp GET Request通過ajax？提前感謝您的回覆！

來源

2015-10-16 d_z90

無法理解，您的問題在哪裏。我的意思是沒有按預期工作 –

我忘了插入那部分，我的壞。我有'window.location'問題，因爲如果用戶名和密碼被正確提交，它不會將用戶重定向到'/index.html' –

重定向頁面是通過（window.location = url）完成的！ window.location.href只是返回當前的網址 http://www.w3schools.com/js/js_window_location.asp – hengecyche

我設法解決了這個問題。我只是將表單更改爲：

<form id="loginForm" action="javascript:subLogin()"></form>

我發佈代碼以防將來有人需要它。無論如何感謝您的回覆！

來源

2015-10-16 07:36:16

通過窗體強制窗口重定位 - JavaScript

回答

相關問題