首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

java 登记/登录 验证码的实现

2012-12-27 
java 注册/登录 验证码的实现现在的很多网站,在注册或登录或发表评论或下载文件等等的时候都会生成一些验

java 注册/登录 验证码的实现

现在的很多网站,在注册或登录或发表评论或下载文件等等的时候都会生成一些验证码来让用户输入进行校验。这样可以防止某些别有用心的用户利用计算机恶意自动注册,自动登录,恶意增加数据库的访问等等
目前常用的验证码生成方法有很多种,我在里用的是纯数字的验证码,大家都会比较好接受的


在这里我主要是使用了jquery和dwr技术,如果你对dwr技术不是很熟悉的话,可以看一下我上一篇文章。下面来看一下我的实现方法:

首先需要生成一个4位的随机数作为验证码,这个比较简单,来看一下这个类:



然后是导入dwr框架所需要的jar包,即dwr.jar和commons-logging.jar,这两个包我已添加到附件中。
接下来写一个CSS为验证码生成一张背景图片:


下面我们可以来写校验验证码这个js脚本了:

$(document).ready(function(){$("#inputCode").css("background-color","#FFFFCC");createIdentifyCode();$("#toGetRandom").click(function(){createIdentifyCode();});$("#btn").click(function(){var createCode = $("#inputCode").val();var inputCode  = $("#code").html();if(createCode == inputCode){$("#msg").html("验证通过!");}else{$("#msg").html("验证码错误!");createIdentifyCode();}});$("#inputCode").focus(function(){$("#inputCode").css("background-color","#FFFFCC");});$("#inputCode").blur(function(){$("#inputCode").css("background-color","#D6D6FF");});});function createIdentifyCode(){obtainRandom.getRandom(function(string){$("#code").html(string);});}


OK,搞定了。

热点排行