Question

我正在尝试为我的网站创建一个只包含用户名的登录表单，并根据文本输入重定向到不同的页面。例如，如果用户A输入其用户名，则该页面将重定向到mysite.com/1234。如果用户B输入了不同的用户名，该页面将重定向到mysite.com/5678。等等。我将有大约20个实例/用户。我试图在没有PHP的情况下完成此任务。感谢任何帮助，谢谢

截至目前，这是我用于完整登录页面的代码。但是看到它有多不安全，有没有办法让我编辑它只是包含一个只会重定向到我需要它的用户名字段？

<HEAD>
    <SCRIPT LANGUAGE="JavaScript">
        function Login(){
           var done = 0;
            var username = document.login.username.value;
            usernam = username.toLowerCase();
            var password = document.login.password.value;
            password = password.toLowerCase();
            if (username == "user1" && password == "1234") {     
                window.location = "page1";     
                done = 1; 
            }

            if (username == "user2" && password == "5678") { 
                window.location = "page2";
                done = 1; 
            }
        }
    </SCRIPT>

<BODY>
    <center>
        <form name=login>
            <table width=225 cellpadding=5>
                <tr>
                    <td colspan=2>
                        <center><font size="+2"><b>Doctor Log In</b></font> 
                        </center>
                    </td>
                </tr>
                <tr>
                    <td>Username:</td>
                    <td>
                        <input type=text name=username>
                    </td>
                </tr>
                <tr>
                    <td>Password:</td>
                    <td>
                        <input type=password name=password>
                    </td>
                </tr>
                <tr>
                    <td colspan=2 align=center>
                        <input type=button value="Login" onClick="Login()" )>
                    </td>
                </tr>
            </table>
        </form>
    </center>
    <p>
        <center>

Answer 1

你可以在这样的JavaScript中使用一种路由器功能。

function redir(which) {
  users = {
    "abc": 123,
    "def": 456,
    "ghi": 789
    // and so on
  }
  location.href = users[which.username] + '.htm'
  return false;
}

<form onsubmit="return redir(this)">
  <input type="text" name="username" />
  <input type="submit" value="Login" />
</form>

为此，您可以添加用户名和密码，验证它们，然后更改位置等。出于安全原因，最好将JS分开！

仅用户名登录根据文本输入重定向到不同的页面

1 个答案: