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).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.href相同的区域）

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

Answer 1

默认情况下，button的行为与input type="submit"类似，因此它会尝试提交您的表单。使用event.preventDefault()可以避免此行为。

正确的重定向方式是设置window.location.href。

另外，我强烈建议不要尝试客户端身份验证，因为任何人都可以在js文件中读取登录名和密码。

Answer 2

对于HTML，您可以使用<button onclick="location.href='url'">text</button>

您也可以使用<button onclick="window.location.replace(url)">text</button>

Javascript：重定向页面onclick

2 个答案: