java实现动态验证码源代码——jsp页面
2023-09-14 08:57:40 时间
我们通常在其他网站注册或者登陆的时候会发现一个很高大上的验证码,那么怎么用java代码实现呢?下面我给大家贴一下我写的方法:
此文章是写的前台jsp页面的代码:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <%@ taglib uri="/struts-tags" prefix="s" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <% String tag=request.getParameter("tag"); request.setAttribute("tag",tag); %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>用户登录</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <link href="<%=basePath%>css/common.css" rel="stylesheet" type="text/css" /> <link href="<%=basePath%>css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ if(${tag == 'nologin'}){ alert("对不起,您还没有登录,请先进行登录"); } }); </script> <script type="text/javascript" > $(function(){ //注册 $("#register").click(function(){ location.href="register.jsp"; }); //验证码 $("#changeCode").click(function(event){ $("#validateCode").attr("src","Number.jsp?ran"+Math.random()); event.preventDefault(); return false; }); //判断验证码输入是否正确 $("#passwords").blur(function(){ $.post( "doNumrand.jsp", "inputCode="+$("#passwords").val(), function(result){ if($.trim(result)=="true"){ $("#cl").html("<span style='color:green'>验证码正确</span>"); }else{ $("#cl").html("<span style='color:red'>验证码错误</span>"); } } ); }); }); </script> <script type="text/javascript"> <% String msg = request.getParameter("msg"); if("registerSuccess".equals(msg)){ out.print("alert('注册成功,系统将自动跳转登录页');"); } if("loginError".equals(msg)){ out.print("alert('用户名密码错误,请重新登录');"); } if("validateCodeError".equals(msg)){ out.print("alert('验证码错误,请重新输入');"); } %> </script> </head> <body> <div class="wrap"> <!-- main begin--> <div class="main"> <div class="sidebar"> <p><img src="images/img1.jpg" width="443" height="314" alt="" /></p> </div> <div class="sidebarg"> <form action="login.action" method="post"> <div class="login"> <span style="color:red"><s:property value="msg"/></span> <dl> <dt class="blues">用户登陆</dt> <dd><label for="name">用户名:</label> <input type="text" name="auctionuser.username" class="inputh" value="${username}" id="name"/></dd> <dd><label for="password">密 码:</label> <input type="password" name="auctionuser.userpassword" class="inputh" value="${userpassword}" id="password"/></dd> <dd> <label class="lf" for="passwords">验证码:</label> <input type="text" name="inputCode" class="inputh inputs lf" value="" id="passwords"/> <span class="wordp lf"><img id="validateCode" src="Number.jsp" width="96" height="27" alt="" /></span> <span class="blues lf"><a id="changeCode" href="javascript:void(0);" title="">看不清</a> <a id="cl"></a></span> </dd> <dd> <input name="" type="checkbox" id="rem_u" /> <span class="rem_u">下次自动登录</span> </dd> <dd class="buttom"> <input name="" type="submit" value="登 录" class="spbg buttombg f14 lf" /> <input id="register" name="" type="button" value="注 册" class="spbg buttombg f14 lf" /> <span class="blues lf"><a href="" title="">忘记密码?</a></span> <div class="cl"></div> </dd> </dl> </div> </form> </div> <div class="cl"></div> </div> <!-- main end--> <!-- footer begin--> </div> <!--footer end--> </body> </html>在这里主要是使用的ajax的方法,当鼠标离开输入验证码的文本框时,进行验证是否输入正确!!
相关文章
- java 怎样卸载一个类_Java 动态卸载类[通俗易懂]
- protostuff java_Protostuff一键序列化工具、Protobuf JAVA实现
- java locale 中国_Java描述语言、国家和地理的类——Locale
- java和基岩版区别_我的世界基岩版与Java版有什么区别?「建议收藏」
- md5 java 实现_MD5加密的Java实现
- Java+Servlet+JSP+Mysql+Tomcat实现Web学生选课管理系统
- rtsp 获取视频流 java_Java获取rtsp视频流,实现rtsp流预览功能,并将视频流每帧保存成图片…
- java在线播放_Java实现视频在线播放flv视频
- 使用JSP快速操作MySQL数据库(jsp操作mysql)
- Oracle收购Java:瞩目引发的变革(oracle收购java)
- 如何使用JSP连接MySQL数据库(jsp如何连接mysql)
- JSP实现Oracle数据库连接(jsp连接oracle)
- Java 连接 Redis:实现数据快速传输(java连redis)
- 之间的交互Redis与Java实现交互的探索(redis和java)
- 解锁Java 与 Oracle 的连接之门(java连接oracle)
- Java连接SQL Server:实现数据库完美对接(java链接sqlserver)
- 服务器快速搭建Linux Java服务器,实现互联网应用(linux搭建java)
- Java实现Redis数据写入(java写入redis)
- MySQL与Java的结合:实现强大的数据持久化功能(mysql与java)
- 实现Java实现的Redis封装类:强化Redis技术支持(redis封装类java)
- 如何在Linux中停止运行Java程序(linux停止java)
- Linux上善用Java:实现智能开发(linux 运行java)
- Java程序在Linux系统中实现命令操作(java运行linux命令)
- Linux测试搭配Java快速实现稳定性验证(linux测试java)
- Java解答Oracle使用更轻松的实现方式(oracle写成java)
- 使用JSP连接Oracle数据库的技术实现(jsp 连oracle)
- Java锁表与Oracle数据库协调实现数据安全(java锁表oracle)
- Java革命Oracle旗下的程序设计利器(java简介oracle)
- Java存入Oracle数据库实现快速高效的数据存储(java存入oracle)
- Oracle与Java的结合图像处理的快速开发(java图片oracle)
- Oracle中实现Java程序设计的极限可能性(oracle中的java)
- JAVA/JSP学习系列之八(改写MySQL翻页例子)