form实现登陆操作
来源:互联网 发布:淘宝怎么买微博小号 编辑:程序博客网 时间:2024/06/08 20:16
这几天想写个保存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>
0 0
- form实现登陆操作
- extjs form表单实现登陆跳转
- httpclient模拟登陆操作实现
- httpclient模拟登陆操作实现
- 05-EasyUI_登陆的实现2-Form控件的使用
- 简单form表单 登陆
- 登陆界面form表单
- putty+Xmanager登陆Linux,实现图形界面操作.
- JSP专题:实现简单登陆操作
- Struts2无刷新实现登陆退出操作
- 通过struts2.3.24实现登陆操作
- jQuery dialog实现登陆,增删改操作
- js操作数据库实现注册和登陆
- JavaWeb 登陆操作和注册操作的实现
- Form表单做登陆页面
- 实现点击按钮弹出登陆框并且可移动操作
- 给Winform添加登陆的form
- Extjs form表单提交登陆例子
- memset和memcpy使用教训
- Observer观察者模式
- Shell基础-Bash基本功能-通配符和其他特殊符号
- 杭电 HDU ACM 2199 Can you solve this equation?
- C++ 笔记第二讲
- form实现登陆操作
- 堆排序的练习
- Ad Hoc Distributed Queries的启用与关闭
- Android中SoundPool放声音
- JSP 脚本标识
- acdream 1071 神奇的%系列一 (树状数组维护,离散化)
- Android中自定义View的MeasureSpec使用
- [SQL SERVER] 跨服务器查询
- 解决ScrollView中listview、gridview的嵌套问题