cookie JS验证码 - 平头弟

cookie JS验证码

2019-04-13 21:07发布生成海报

站内文章 / 模拟电子

16636 0

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>电能量在线监测系统_用户登录</title>
<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/login_01.gif);
	overflow:hidden;
}
.STYLE3 {font-size: 12px; color: #FFFFFF; }
.STYLE4 {
	color: #FFFFFF;
	font-family: "方正大黑简体";
	font-size: 50px;
}</style>
</head>
<mce:script type="text/javascript"><!--
function validate()
{
  var sso = getCookie("sso_code");
  var str= sso.toString();
  var temp = "";
  for(var i=0;i<str.length;i++)
  {
     if(str.charAt(i) != ',')
     temp = temp+str.charAt(i);
  }
  	var userName = document.getElementById("username").value;
	var password = document.getElementById("password").value;
    var code = myform.CODE.value;
	if(userName ==""){
		alert("用户名不能为空！");
		return false;
	}
	if(password ==""){
		alert("用户密码不能为空！");
		return false;
	}
    if(code != temp){
    	alert("验证码不能为空，或您输入的验证码有误!");
    	return false;
    }
	document.myform.submit();
   
}
function validteCode()
{
    var codes = new Array(4);       //用于存储随机验证码
    var colors = new Array("Red","Green","Gray","Blue","Maroon","Aqua","Fuchsia","Lime","Olive","Silver");
    for(var i=0;i < codes.length;i++)
    {//获取随机验证码
        codes[i] = Math.floor(Math.random()*10);
    }
    //把随机生成的值存储在cookie里。
    setCookie("sso_code",codes);
    var spans = document.getElementById("divCode").all;
    for(var i=0;i<spans.length;i++)
    {
        spans[i].innerHTML=codes[i];
        spans[i].style.color = colors[Math.floor(Math.random()*10)];    //随机设置验证码颜 {MOD}
        
    }
}
//cookie
function setCookie(name, value, expires, path, domain, secure)
{
    document.cookie= name + "=" + escape(value) +
        ((expires) ? "; expires=" + expires.toGMTString() : "") +
        ((path) ? "; path=" + path : "") +
        ((domain) ? "; domain=" + domain : "") +
        ((secure) ? "; secure" : "");
}

function getCookie(name)
{
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1)
    {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else
    {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1)
    {
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}
function deleteCookie(name, path, domain)
{
    if (getCookie(name))
    {
        document.cookie = name + "=" + 
            ((path) ? "; path=" + path : "") +
            ((domain) ? "; domain=" + domain : "") +
            "; expires=Thu, 01-Jan-70 00:00:01 GMT";
    }
}
//进入该页面就调用该方法
function onloadAll(){
	validteCode();
	document.myform.username.focus();
}
function keyLogin(){
	if (event.keyCode==13)   //回车键的键值为13
		document.getElementById("input1").click(); //调用登录按钮的登录事件
	}	
// --></mce:script>
<body onload="onloadAll();" onkeydown="keyLogin();">
<form action="userdaoinfo.do" name="myform" method="post">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td background="images/login_03.gif"> </td>
        <td width="876"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="299" valign="top" background="images/login_01.jpg"> </td>
          </tr>
          <tr>
            <td height="54"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="394" height="69" background="images/login_02.jpg"> </td>
                <td width="199" background="images/login_03.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="22%" height="22"><div align="center"><span class="STYLE3">用户名</span></div></td>
                    <td width="51%" height="22"><input name="username" type="text"  size="12" style="height:20px;background-color:#032e49; color:#88b5d1; border:solid 1px #88b5d1;" /></td>
                    <td width="27%" height="22"> </td>
                  </tr>
                  <tr>
                    <td height="22" valign="middle"><div align="center"><span class="STYLE3">密  码</span></div></td>
                    <td height="22" valign="bottom"><input name="password" type="password" size="12" style="height:20px;background-color:#032e49; color:#88b5d1; border:solid 1px #88b5d1;" /></td>
                    <td height="22" valign="bottom"> </td>
                  </tr>
                  <tr>
                    <td height="22" valign="middle" class="STYLE3"><div align="center">验证码</div></td>
                    <td height="22" valign="middle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="36%" height="22"><input name="CODE" type="text" size="5
						" style="height:20px;background-color:#032e49; color:#88b5d1; border:solid 1px #88b5d1;" /></td>
                        <td width="64%">
                        	  <div>
     							<div id="divCode" style="background-color:White; width:35px;"><span></span><span ></span><span ></span><span ></span></div>
   						 	  </div>
                        </td>
                      </tr>
                    </table></td>
                    <td height="22" valign="middle"><img src="images/dl.gif" mce_src="images/dl.gif" id="input1" width="39" height="17" onclick="return validate();"/></td>
                  </tr>
                </table></td>
                <td width="283" background="images/login_04.jpg"> </td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="225" background="images/login_05.jpg"> </td>
          </tr>
        </table></td>
        <td background="images/login_03.gif"> </td>
      </tr>
    </table></td>
  </tr>
</table>
</form>
</body>
</html>

Ta的文章更多 >>

热门文章