强制窗口重定位通过一个表单- JavaScript

Force window relocation through a form - JavaScript

本文关键字：一个 表单 JavaScript 窗口 定位      更新时间：2023-09-26

我正在构建一个假的登录表单，如果用户插入正确的凭据，应该在本地加载不同的url。这是html代码:

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

如果用户名或密码错误，如果正确，window.location不能正常工作

是否有办法用纯javascript来解决这个问题，或者通过ajax使用XMLHttp GET Request更好?提前感谢您的回复!

我设法解决了这个问题。我只是将表单更改为:

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

我把代码贴出来，以防将来有人需要它。谢谢你的回复!

相关文章：