JS中 用户登录系统的解决办法

当用户输入 pwd 密码是 123 就跳到第二个页面，4秒后，自动跳转到第三个页面
login.html


代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">

//进行检查
    function check(){
        //window.alert($("username").value);
        if($("username").value=="pwd" && $("pwd").value=="123"){
            return true;
        }else{
            $("username").value="";
            $("pwd").value="";
            return false;
        }
    }
    //获取文档对象
    function $(id){
        return document.getElementById(id);
    }
</script>
</head>
<body>
<form action="ok.html">
u:<input type="text" id="username" /><br/>
p:<input type="password" id="pwd" /><br/>
<input type="submit" value="提交" onclick="return check()"/>
</form>
</body>
</html>

ok.html


代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">

//跳转到指定页面
    function tiao(){
        clearInterval(myInterval);
        window.open("success.html","_self");
    }
    //设置5秒跳转
    setTimeout("tiao()",5000);

//改变秒数
    function changeSec(){
        //改变数字
        $("myspan").innerText=parseInt($("myspan").innerText)-1;
    }

var myInterval=setInterval("changeSec()",1000);

//获取对象
    function $(id){
        return document.getElementById(id);
    }
</script>
</head>
<body>
登录成功<span id="myspan">5</span>秒后自动跳转
</body>
</html>

success.html


代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript">

</script>
</head>
<body>
欢迎.......
</body>
</html>

赞 (0)

相关推荐

  • JS 退出系统并跳转到登录界面的实现代码

    JS 退出系统并跳转到登录界面的实现代码

    Index.aspx页面 Login.aspx 在Index.aspx页面写入JS代码: 复制代码 代码如下: <script language="javascript" type="text/javascript">    function logout(){//        if (confirm("您确定要退出控制面板吗?"))            top.location = "../Login.aspx&quo

  • js实现简单登录功能的实例代码

    复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>Login.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    &l

  • JSP中实现系统登录后的退出原理及代码

    首先要在你登录的页面的某个地方,写上一个超级链接: 复制代码 代码如下: <a href="exit.jsp" target="_top">退出</a> 让它链接到exit.jsp页面去,然后新建一个exit.jsp页面在其body中写上如下代码: 复制代码 代码如下: <% session.invalidate(); %> <jsp:forward page="login.jsp"></js

  • 没有form表单情况下敲回车键提交表单的js代码

    function enterPress(e) { if (e.keyCode == 13) { login(); } } function login(){ //登录验证等 alert('login'); } Username: Password: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • js登录弹出层特效

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

  • 文本框中,回车键触发事件的js代码[多浏览器兼容]

    判断是否按下的为回车非常简单: 复制代码 代码如下: function EnterPress(){ if(event.keyCode == 13){ ... } } IE6的onkeypress会接受"回车事件",而onkeydown不会接受 IE8的onkeypress不会接受"回车事件",而onkeydown会接受 ...不用纠结于此,两个都写上吧 复制代码 代码如下: <input type="text" onkeypress=&qu

  • HTML页面登录时的JS验证方法

    开发一个注册的HTML页面, 用于搜集用户的注册信息.包括: 姓名(不能为空), 年龄(必须超过17岁), 体重(30-150kg), 班级(下拉列表),登陆密码(至少8位长).确认密码(和登录密码一致),Email(不能为空) , 电话,QQ, 个人简历等信息. 并针对这些表的元素来创建相应的验证,如果检测到错误, 在输入框后面用红色的字显示错误.要用到前面几节学习过的单行文本输入框text.下拉列表框select.密码输入框password.多行文本输入框textarea.这是一个较实用的用

  • JS记录用户登录次数实现代码

    复制代码 代码如下: function www_helpor_net(offset) { var endstr = document.cookie.indexOf(";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie(name) { var arg =

  • 防止登录页面出现在frame中js代码

    在使用frame页面嵌套开发的时候,遇到重启了服务器的时候会出现登录页面在frame页面中出现, 所以需要在登录页面里面用js判断下当前的地址信息,然后跳转到登录的单独页面中. js代码如下: $("document").ready(function(){ //防止在frame里面出现登录页面 if(top.location!==self.location){ //alert(top.location); //alert(self.location); top.location.hre

  • .net,js捕捉文本框回车键事件的小例子(兼容多浏览器)

    js: 复制代码 代码如下: function bubufx_enterpress(e) {         var keynum; if (window.event) // IE           {             keynum = e.keyCode; }         else if (e.which) // Netscape/Firefox/Opera           {             keynum = e.which;         }         i

  • 利用js实现遮罩以及弹出可移动登录窗口

    利用js实现遮罩以及弹出可移动登录窗口

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></titl

  • JS按回车键实现登录的方法

    本文实例讲述了JS按回车键实现登录的方法,该功能有着非常广泛的实用价值.分享给大家供大家参考之用.具体方法如下: 方法一: <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Check Score</title> <script language="JavaScript"> function keyLogin(){ if (event.ke

  • 通过遮罩层实现浮层DIV登录的js代码

    这个就没什么好说的了..直接上代码啊!! 首先是HTML的代码.其中包含了登录点击按钮以及一个简陋的登录框. 复制代码 代码如下: <body> <div id="shade"></div> <div> <a onclick="login()" style="cursor:pointer">登录</a> </div> <br/> 什么都没有用...&l

随机推荐