form实现登陆操作

这几天想写个保存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" οnsubmit="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" οnsubmit="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"; 以及 οnclick="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="登陆" οnclick="login()"/>  <input name="reset" type="reset" value="重置" /><br><br></center>
</body>
</html>

form实现登陆操作相关推荐

PHP PDO 简单登陆操作
用PHP做出一个简单的登陆操作,确实很简单,下面就让我给大家简单的介绍一下PDO做出一个登陆界面操作的过程,因为也是初学乍练,不足之处请大家包涵. 首先,首先还要建一个表,在MySQL中建表,核心代码 ...
jsp基础之--使用Session完成简单的登陆操作
项目地址:https://gitee.com/martinHuang/jsp-basic-LoginDemo 今天来说说Session,Session也叫实域,能够保存一些信息,并且再页面跳转的时候不 ...
Python+selenium 自动化-读取excel记录的脚本执行登陆操作实战演示
我们可以用 excel 来记录自动化,然后读取 excel 来执行命令,excel 可以很方便直观的管理我们录入的自动化.下面给大家演示一下 Python+selenium 自动化的实例,读取 exc ...
Centos7 操作系统 mysql5.7 配置远程登陆操作
Centos7 操作系统: mysql5.7 配置远程登陆操作: 首先登陆服务器,进入数据库: mysql -u root -p show databases; use mysql; show tab ...
使用三层架构实现简单的MVC登陆操作！并实现基本的增删改查功能！！
一丶使用三层架构创建一个简单的MVC登录操作 1.首先,创建一个项目以及BLL层.DAL层.Entity层,如图一: 图一 2.创建一个数据库如图二: 图二 3基本工作已做好,接下来就编BLL层.DA ...
免秘登陆linux_linux普通用户免秘钥登陆操作
普通用户(xusj)进行免秘钥登陆步骤如下: 在主机A 192.168.1.1上操作 ssh-keygen -t rsa //参数公钥和私钥对,输入后一路回车. Genera ...
iView学习笔记(四)：Form表单操作
1.后端准备环境说明 python版本:3.6.6 Django版本:1.11.8 数据库:MariaDB 5.5.60 新建Django项目,在项目中新建app,配置好数据库 2.后端代码(基于C ...
linux登陆操作mysql
目录一.mysql服务的启动和停止二.登录mysql 三.查询数据库信息四.创建和删除数据库五.查看数据库存储引擎.使用数据库.查看当前使用的数据库六.显示库中的数据表七.查看数据表的结构 ...
android出现错误,在做一个安卓的一个登陆操作的时候,出现错误
源代码如下: /** / /* @author Administrator * */ package com.example.login; //import org.testng.annotation ...

form实现登陆操作

form实现登陆操作相关推荐

最新文章

热门文章