Question

如果用户有效，则从管理页面开始，浏览器应转到另一页。

当用户输入其用户名和密码时，单击“确定”按钮，然后显示另一个页面，登录页面将自动关闭。

如何使用JavaScript执行此操作？

Answer 1

简单地使用javascript重定向浏览器：

window.location.href = "http://example.com/new_url";

要重定向并提交表单（即登录详细信息），不需要javascript：

<form action="/new_url" method="POST">
   <input name="username">
   <input type="password" name="password">
   <button type="submit">Submit</button>
</form>

Answer 2

您无法明智地依赖客户端 JavaScript来确定用户凭据是否正确。浏览器（以及执行该操作的所有代码）都在用户的控制之下，而不是你，所以它不值得信任。

需要使用表单输入用户名和密码。确定按钮将是一个提交按钮。 action属性必须指向一个URL，该URL将由检查凭据的程序处理。

这个程序可以用JavaScript编写，但是你如何去做将取决于你使用的server side JavaScript engine。请注意，SSJS不是主流技术，因此如果您真的想使用它，则必须使用专门的托管或管理您自己的服务器。

（半年后，由于Node.js，SSJS更为常见，但它仍然相当专业化。）

如果您想在之后重定向，则程序需要发出HTTP Location header。

请注意，在输出任何私有页面之前，您需要检查凭据是否正常（通常通过在cookie中存储令牌，这不是实际密码）。否则，任何人都可以通过知道URL来访问私人页面（从而绕过登录系统）。

Answer 3

验证用户是javascript管理员会导致问题，因为任何人都可以看到javascript代码。服务器应该在登录过程之后告诉管理员和普通用户之间的区别，然后相应地生成新页面。

也许这不是你想要回答你的问题：

window.location.href="<the page you are going to>";

Answer 4

试试这个，

window.location.href="sample.html";

此处sample.html是下一页。它将转到下一页。

Answer 5

我得到的正确解决方案是

<html>
      <head>
        <script type="text/javascript" language="JavaScript">
                  function clickedButton()
            {

                window.location = 'new url'

            }
             </script>
      </head>

      <form name="login_form" method="post">
            ..................
            <input type="button" value="Login" onClick="clickedButton()"/>
      </form>
 </html>

这里新的网址在单引号内。

Answer 6

更简单的方法是windows app

但是如果你想检查用户名和密码是否为空或者是否使用JavaScript并将其发送到php以检查用户是否在数据库中。您可以按照此代码轻松完成此操作。

html表单 -

window.location.href = "http://example.com/new_url";

javascript验证 -

<form name="myForm" onsubmit="return validateForm()" method="POST" action="login.php" >         
    <input type="text" name="username" id="username" />
    <input type="password" name="password" id="password" />
    <input type="submit" name="submitBt"value="LogIn" />
</form>

使用php检查数据库中的用户是否

function validateForm(){
    var uname = document.forms["myForm"]["username"].value;
    var pass = document.forms["myForm"]["password"].value;

    if((!isEmpty(uname, "Log In")) && (!isEmpty(pass, "Password"))){

        return true;
    }else{
        return false;
    }
}

function isEmpty(elemValue, field){
    if((elemValue == "") || (elemValue == null)){
        alert("you can not have "+field+" field empty");
        return true;
    }else{
        return false;
    }
}

Answer 7

对于MVC开发人员，使用javascript重定向浏览器：

window.location.href = "@Url.Action("Action", "Controller")";

Answer 8

希望这会有所帮助：

window.location.href = '/url_after_domain';

Answer 9

尝试一下：

window.location.href = "http://PlaceYourUrl.com";

如何使用javascript从一个页面转到另一个页面？

9 个答案: