Javascript做登录(纯js代码)

来源：互联网发布：js获取当前点击元素编辑：程序博客网时间：2024/06/10 01:27
js做的登录确实不常用，但我还是发给大家看看。
帐号:wyh，密码：123456
[javascript] view plaincopyprint?
<html>  
<head>  
<title>Sing In</title>  
<style>  
.sign-button{margin:5 0 0 0;}  
#div1{display:none; margin:0 0 0 100;}  
.query-button{  
padding:0 0 0 0;  
font-weight:bold;  
color:white;  
font-size:15;  
height:30;  
width:80;  
}  
.remind_border{border: 5 solid gray; width:500;}   
.button{margin:0 0 0 150;}  
</style>  
<body>  
<script type="text/javascript">  
function sign(targetid){  
var value = document.getElementById('user_input').value;//重点在此  
var value2 = document.getElementById('p_input').value;  
     if (document.getElementById){  
             target=document.getElementById(targetid);  
             if (value=="wyh" && value2=="123456"){  
document.write("pass");  
             } else {  
                 var t=setTimeout("target.style.display='block';", 1000)  
             }  
        }  
}  
  
  
function toggle(targetid){  
     if (document.getElementById){  
         target=document.getElementById(targetid);  
             if (target.style.display=="block"){  
                 target.style.display="none";  
             } else {  
                 target.style.display="none";  
             }  
     }  
}  
</script>  
<br /><div >ueser</div>  
<div><input type=text name=uid  id="user_input"></div>  
<div> password </div>  
<div><input type=password name=pwd  id="p_input"></div>  
<input type=button title="sign in" onclick="sign('div1')" class="query-button sign-button" value=' sign in '>  
  
  
<div id="div1" class="remind_border">  
<div class="button">  
<p class="remind_font"><br />Wrog  
<br />  
<a title="Over again" href="#"><input type=button class="query-button" value='Over again '></a>  
<a title="Close" href="#" onclick="toggle('div1')"><input type=button class="query-button" value=' Close '></a>  
</div>  
</div>  
</body>  
</html>  