<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<style type="text/css">
.code
{
background-image:url(code.jpg);
font-family:Arial;
font-style:italic;
color:Red;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged
{
border:0;
}
</style>
<script language="javascript">
var code ; //在全局 定义验证码
function createCode()
{
code = "";
var codeLength = 6;//验证码的长度
var checkCode = document.getElementById("checkCode");
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()*36);
code +=selectChar[charIndex];
}
// alert(code);
if(checkCode)
{
checkCode.className="code";
checkCode.value = code;
}
}
function validate(form)
{
var inputCode = document.getElementById("input1").value;
if(inputCode != code )
{
alert("验证码为空或者输入错误！");
createCode();//刷新验证码
form.input1.focus();
return false;
}
}
</script>
<link href="../css/StyleSheet.css" rel="stylesheet" type="text/css" />
<title>管理员登录</title>
</head>
<<body onload="createCode()">
<br />
<br />
<br />
<br />
<form id="form" name="form" method="post" onsubmit="return validate(form)"
action="admin.do?method=operatorLogin"/>
<table align="center" width="600" border="0" cellpadding="8"
cellspacing="0" class="logintable">
<tr class="loginheader">
<td width="80"></td>
<td width="100"></td>
<td colspan="2"></td>
<td width="120"></td>
<td width="80"></td>
</tr>
<tr style="height: 40px">
<td>
</td>
<td colspan="4" class="line1">
<span class="STYLE1">管理员系统登录页面</span>
</td>
<td>
</td>
</tr>
<tr>
<tr>
<td>
</td>
<td class="line2">
</td>
<td colspan="2" class="line2">
</td>
<td class="line2">
</td>
<td>
</td>
</tr>
<tr>
<td colspan="2">
<%
if (request.getAttribute("flag") != null) {
%>
用户名或密码输入有误！
<%
}
%>
</td>
</tr>
<tr>
<td>
</td>
<td align="right">
用户名:
</td>
<td colspan="2">
<input type="text" name="name" />
</td>
<td></td>
<td>
</td>
</tr>
<tr>
<td style="height: 32px">
</td>
<td align="right" style="height: 32px">
密 码:
</td>
<td colspan="2" style="height: 32px">
<input type="password" name="password" />
</td>
<td style="height: 32px">
</td>
<td style="height: 32px">
</td>
</tr>
<tr>
<td style="height: 29px">
</td>
<td align="right" class="line1" style="height: 29px">
</td>
<td class="line1" style="width: 71px; height: 29px;">
</td>
<td class="line1" style="height: 29px">
</td>
<td class="line1" style="height: 29px; font-size: 12px"></td>
<td style="height: 29px">
</td>
</tr>
<tr>
<td>
</td>
<td class="line2">
</td>
<td colspan="2" class="line2">
<div align="center">
验证码: <input type="text" id="input1" />
<input type="text" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px" /><br />
<input type="submit" width="20" name="Submit" value="提交" onclick="return checklog(form);"
/>
<a href="#" onclick="createCode()">换一张</a>
<input type="reset" name="Submit2" value="重置" />
</div>
</td>
<td class="line2">
</td>
<td>
</td>
</tr>
<tr>
<td colspan="6" style="text-align: center; font-size: 12px">
Powered by
<a href="#" target="_blank" style="color: #fff"></a> ©
2008 SunYang
<a href="#" target="_blank" style="color: #fff"> Inc.</a>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td colspan="2">
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</form>
</body>
</html>
<SCRIPT type="text/javascript" >
function checklog(form){
if (form.name.value==""){
alert("请输入管理员名称!");form.name.focus();return false;
}
if (form.password.value==""){
alert("请输入管理员密码!");form.password.focus();return false;
}
}
</SCRIPT>
分享到：
相关推荐
总结来说，这个案例展示了`JQuery`如何与`SSH`（尤其是Struts2）框架配合，使用`AJAX`进行无刷新的验证码验证。同时，通过在URL后附加随机数，解决了浏览器可能对URL响应进行缓存的问题，确保每次请求都能得到最新的...
在这个"验证码登陆（SSH初级整合）"的项目中，我们将探讨如何将这三个框架结合在一起，实现一个带有验证码功能的登录系统。 1. Spring框架：Spring作为核心的依赖注入（DI）和面向切面编程（AOP）框架，负责管理和...
这个示例提供了一种实现SSH整合的方法，并且包括了验证码和AJAX技术的使用，但需要用户自己配置数据库。下面我们将深入探讨SSH框架、验证码、AJAX以及它们在实际开发中的应用。 **Spring框架** Spring是Java企业级...
SSH（Struts、Spring、Hibernate）是Java Web开发中的一个经典组合，被广泛应用于构建企业级应用程序。这个压缩包文件的标题"ssh 自动化代码"暗示了它可能包含一个工具，用于自动生成基于SSH框架的代码，这在开发...
SHH登录
自己写的一个小例子，基于SSH框架，功能包括登陆，注册，显示注册用户等。登陆以及注册时利用ajax实时监测用户名等信息是否合法。数据库采用oracleXE，就两个表，很简单的数据，大家根据代码中的持久化类自己建一下...
SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和验证码的完整实例SSH整合AJAX验证用户名存在和...
基于ssh通过ajax实现验证码登陆注册，使用的是oracle数据库，有一点儿复杂。
【基于SSH框架的水印验证码】是一个集成于Java Web开发中的安全验证机制，它结合了Struts2、Spring和Hibernate三大主流开源框架。这个验证方案主要用于防止自动化脚本或者恶意攻击者对网站进行非法操作，确保用户...
本篇文章将详细讲解SSH的三种登录方式以及如何在Eclipse环境中实现带验证码的SSH登录。 ### 1. 密码登录 这是最常见的SSH登录方式，用户需要输入用户名和密码来验证身份。步骤如下： 1. 打开终端或命令行界面。 2...
在IT领域，SSH（Secure Shell）是一种网络协议，用于安全地远程登录到服务器，执行命令，传输文件等。本文将详细讲解如何基于SSH实现登录功能，并构建一个基础的SSH框架。 首先，SSH提供了加密的网络通信，确保了...
这个压缩包文件包含了使用SSH框架实现的一个功能丰富的网站项目，其中包括了验证码验证、二进制文件（如图片）的数据库读写等功能。 1. **Struts**：Struts 是一个基于MVC（Model-View-Controller）设计模式的Java ...
在SSH2中，通常会使用一种称为挑战-响应机制的方式，服务器生成一个随机的验证码发送给客户端，客户端需要正确地处理这个验证码并将其返回给服务器进行验证。这通常涉及到加密和哈希技术，确保数据在传输过程中的...
在SSH整合中，Spring扮演着核心角色，它协调Struts2和Hibernate的工作，同时也提供了安全验证、验证码服务等模块的集成。 在整合SSH时，我们需要配置相关的XML文件，如struts.xml、hibernate.cfg.xml和spring-...
在本源码示例中，我们将深入探讨SSH框架中的“标签”、“关系”和“验证码”这三个关键概念。 首先，SSH框架中的“标签”指的是Struts2框架提供的自定义JSP标签。这些标签使得开发者能够更加直观、简洁地在视图层...
本实例将探讨如何使用简单的Servlet生成加法验证码，并将其整合到Struts2、SSH2（Spring、Struts2、Hibernate）和Mybatis等流行框架中。这个实践教程将帮助开发者了解验证码的基本实现以及与主流框架的集成。 首先...
这个“ssh+extjs全注解的上传、分页、验证码的demo”提供了如何在SSH后端框架基础上，结合EXTJS实现文件上传、分页显示数据以及验证码功能的示例。 首先，Struts2作为MVC（模型-视图-控制器）框架，负责处理HTTP...
SSH（Struts2 + Spring + Hibernate）是一种经典的Java Web开发框架，用于构建高效、可扩展的企业级应用程序。在这个项目中，SSH被用来实现一个完整的网站功能，包括用户登录、注册等核心模块。以下是对SSH框架及其...
描述中提到了"Mysql,oracle和验证码的jar包"，这表明除了SSH2的相关库之外，这个压缩包还包含与MySQL、Oracle数据库以及验证码生成相关的Java库。MySQL和Oracle是两种广泛使用的数据库管理系统，对应的jar文件（如`...
在这个场景中，我们将探讨SSH框架下的一种特殊应用——基于SSH的图像验证码和MD5加密技术。 图像验证码是一种常见的安全机制，用于防止自动化程序（如机器人或恶意脚本）对网站进行非法操作，例如注册、登录或者...