Javascript 仅用户名登录根据文本输入重定向到不同页面
我正在尝试为我的网站制作一个登录表单,该表单只包含一个用户名,并根据文本输入重定向到不同的页面。例如,如果用户A输入用户名,页面将重定向到mysite.com/1234。如果用户B输入不同的用户名,页面将重定向到mysite.com/5678。等等我将有大约20个实例/用户。我试图在没有PHP的情况下实现这一点。谢谢你的帮助 到目前为止,这是我用于完整登录页面的代码。但是看到这是多么不安全,我有没有办法编辑它,只包含一个用户名字段,它将重定向到我需要它的地方Javascript 仅用户名登录根据文本输入重定向到不同页面,javascript,redirect,login,Javascript,Redirect,Login,我正在尝试为我的网站制作一个登录表单,该表单只包含一个用户名,并根据文本输入重定向到不同的页面。例如,如果用户A输入用户名,页面将重定向到mysite.com/1234。如果用户B输入不同的用户名,页面将重定向到mysite.com/5678。等等我将有大约20个实例/用户。我试图在没有PHP的情况下实现这一点。谢谢你的帮助 到目前为止,这是我用于完整登录页面的代码。但是看到这是多么不安全,我有没有办法编辑它,只包含一个用户名字段,它将重定向到我需要它的地方 <HEAD> &
<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>
函数登录(){
var done=0;
var username=document.login.username.value;
usernam=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
如果(用户名==“user1”&&password==“1234”){
window.location=“第1页”;
完成=1;
}
如果(用户名==“user2”&&password==“5678”){
window.location=“第2页”;
完成=1;
}
}
医生登录
用户名:
密码:
您可以在JavaScript中使用一种路由器函数,如下所示
功能重拨(哪个){
用户={
“abc”:123,
“def”:456,
“ghi”:789
//等等
}
location.href=users[which.username]+'.htm'
返回false;
}
“感谢您的帮助”
-帮助什么?你被困在哪里?如果您有20个已知值和一个用户输入值,那么听起来您需要编写一些比较逻辑。例如开关
块或一系列if
块。或者,20个选项和输入值的数据结构用于从该结构中选择行为。什么不起作用?@Kmeixner-编辑以显示我迄今为止的尝试,我的apologies@David我已经添加了到目前为止已经尝试过的代码,很抱歉that@mystique01:您可以通过删除密码字段来“编辑它,使其仅包含用户名字段”。当然,还要删除代码中对密码的引用(因为用户不会输入任何值)。你在问什么?如何编辑包含此代码的文件?再说一次,你到底想做什么?这种尝试怎么会不起作用?