⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 login.jsp

📁 用javascript实现的验证码,无需服务器端验证
💻 JSP
字号:
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>

<title>SOLA小组OA协同办公</title>
<style type="text/css" >

input,select{
	border:1px solid #369;
}
.btn {
BORDER-RIGHT: #7b9ebd 1px solid;  BORDER-TOP: #7b9ebd 1px solid;  FONT-SIZE: 14px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black;  BORDER-BOTTOM: #7b9ebd 1px solid
}
</style>
<script language = "javascript" type = "text/javascript">
var code ; //在全局 定义验证码
function createCode(){ 
		code = "";
		var codeLength = 4;//验证码的长度
		var checkCode = document.getElementById("checkCode");
		checkCode.value = "";
		
		var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');
		
		for(var i=0;i<codeLength;i++) {
		   var charIndex = Math.floor(Math.random()*34);
		   code +=selectChar[charIndex];
		}
		if(code.length != codeLength){
		   createCode();
		}
		checkCode.value = code;
		return false;
		}

function validate() {
var inputCode = document.form1.verify.value.toUpperCase();

if(inputCode.length <=0) {
   alert("请输入验证码!");
   return false;
}
else if(inputCode != code ){
   alert("验证码输入错误!");
   createCode();
   return false;
}
else {
   return true;
}
}


function checkForm(){

     if(document.form1.empcount.value==""){
	
            alert("请输入你的用户名");
            return false;
			}
       
    if(document.form1.emppass.value==""){
            alert("请输入密码");
            return false;
     }
    if(!validate()){
            return false;
    }
     this.document.form1.submit();
}
</script>

<body topmargin="50" background="images/login10.jpg" onload="createCode()">
<form action="jsp/myinfo/LoginServlet" name="form1" method="post">
<table width="100%" border="0"   cellspacing="0" class="T_song12bk2" height="80%">
<input type="hidden" name="flag" value="login"/>
  <tr>
    <td align="center" valign="middle">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
        <tr>
          <td>
            <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
              <tr>
                <td height="150" align="center" valign="bottom">&nbsp;</td>
              </tr>
              <tr>
                <td valign="top" height="250">
                 <table width="100%" border="0" cellpadding="0" cellspacing="0"  align="center"  height="270">
				   <tr>
				     <td height="100">
					 
					  </td>
					 </tr>			   
				    <tr>
					   <td>
				  <table  border="0" cellpadding="0" cellspacing="0" class="T_song12bk1" align="center">
                    <tr>
                      <td height="32" align="right" width="3227"><font face = "黑体" color = "#0D0E68">用户名:</td>
                      <td width="1000" height="30">
                        <input type="text" name="empcount" value="" size = "13">
                      </td>
                    </tr>
                    <tr>
                      <td height="30" align="right" width="3227"><font face = "黑体" color = "#0D0E68">密&nbsp;&nbsp;码:</td>
                      <td height="30">
                        <input type="password" name="emppass" size="13"> 
                      </td>
                    </tr>
                    <tr>
                      <td height="30" align="right" width="3227"><font face = "黑体" color = "#0D0E68">验证码:</td>
                      <td height="30">
                        <input name="verify" type="text" size="10" class="text" onblur="validate()"/><br>
                        <input name="text" type="text" class="text1" id="checkCode" size="5" readonly="readonly"/>
						<a href="#" id="fontColor" onclick="createCode()" class="code">换一个</a>
                      </td>
                    </tr>
                    <tr><td align="right"></td><td>
                    
                    </td></tr>
                     <tr>
                      <td width="600" align="right">&nbsp;&nbsp;&nbsp;&nbsp;</td>	
                      <td align="left"><input type = "button" name = "s1" value = "登陆" class="btn" onclick="checkForm()">
                      &nbsp;&nbsp;&nbsp;<input type = "reset" name = "m1" value = "重置" class="btn">
			</td>
                    </tr>
                  </table>
                
                  <table width="80%" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="339">&nbsp;</td>
                      <td width="394">
                        <table border="0" cellpadding="0" cellspacing="0" height="50"  width="300">
                          <tr>
                            <td width="300" align="center" id="bbb">
															
															<table border="0" cellpadding="0" cellspacing="0">
																<tr>
																	<td align="center" width="50" valign="middle"></td>
																
																</tr>
															</table>
															
							  </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>	  
				    </td>
				   </tr>
				  </table>				  				  
                </td>						
              </tr>
              <tr>
                <td align="center" valign="bottom" height="48"><font size = "2.5">CopyRight@ 2008<br>中软国际</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
    </tr>

  </table>
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -