这几天想写个保存cookies的网页，先写了个登陆界面，奈何点击登陆后总是无法正常跳转。经查阅资料和询问高手，总算得以解决。
原错误代码如下：
<html>
<title>SaveCookies</title>
<head>
<script>
function login(){
var user=document.getElementById("user").value;
var pwd=document.getElementById("pwd").value;
if((user=="admin")&&(pwd=="123456")){
window.location.href="http://blog.csdn.net/u010887744";
}
else{
alert("账户名或密码错误！");
}
}
</script>
</head>
<body><br><br>
<center>
<form name="Loginform" onsubmit="return login()" >
欢迎访问小繁的管理系统<br><br>
账号：<input id="user" name="user" type="text"><br><br>
密码：<input id="pwd" name="pwd" type="password"><br>
记住密码：<input name="remember" type="checkbox"><br><br>
<input name="Login" type="submit" value="登陆" />
<input name="reset" type="reset" value="重置" /><br><br>
</form>
</center>
</body>
</html>
经查阅资料，form实现登陆操作，有其特有的格式，method="POST"，登陆跳转链接得写在form标签里，跳转函数得有返回值。
修正如下：
<html>
<title>SaveCookies</title>
<head>
<script>
function login(){
var user=document.getElementById("user").value;
var pwd=document.getElementById("pwd").value;
if((user=="admin")&&(pwd=="123456")){
return true;
}
else{
alert("账户名或密码错误！");
return false;
}
}
</script>
</head>
<body><br><br>
<center>
<form method="POST" name="Loginform" action="http://blog.csdn.net/u010887744" onsubmit="return login()" >
欢迎访问小繁的管理系统<br><br>
账号：<input id="user" name="user" type="text"><br><br>
密码：<input id="pwd" name="pwd" type="password"><br>
记住密码：<input name="remember" type="checkbox"><br><br>
<input name="Login" type="submit" value="登陆" />
<input name="reset" type="reset" value="重置" /><br><br>
</form>
</center>
</body>
</html>
不过，经我测试，不返回值也可以正常跳转，望大神不吝赐教
if((user=="admin")&&(pwd=="123456")){
//return true;
}
else{
alert("账户名或密码错误！");
//return false;
}
当然，个人觉得，form实现登陆跳转过于麻烦，此处只是研究学习。不用form登陆更方便。
需要用到window.location.href="http://blog.csdn.net/u010887744"; 以及 onclick="login()
方法如下：
<html>
<title>SaveCookies</title>
<head>
<script>
function login(){
var user=document.getElementById("user").value;
var pwd=document.getElementById("pwd").value;
if((user=="admin")&&(pwd=="123456")){
window.location.href="http://blog.csdn.net/u010887744";
}
else{
alert("账户名或密码错误！");
}
}
</script>
</head>
<body><br><br>
<center>
欢迎访问小繁的管理系统<br><br>
账号：<input id="user" name="user" type="text"><br><br>
密码：<input id="pwd" name="pwd" type="password"><br>
记住密码：<input name="remember" type="checkbox"><br><br>
<input name="Login" type="submit" value="登陆" onclick="login()"/>
<input name="reset" type="reset" value="重置" /><br><br>
</center>
</body>
</html>
时间： 2024-09-30 17:51:49