这几天想写个保存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>