基于servlet的四位数的验证码

最新推荐文章于 2023-09-16 14:25:10 发布

原创

最新推荐文章于 2023-09-16 14:25:10 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#servlet #验证码

本文介绍了如何利用Servlet实现一个简单的四位字母验证码功能。验证码用于区分用户是计算机还是人类，防止恶意破解等行为。文中详细讲解了从HTML页面设置、JavaScript交互到Servlet处理逻辑的全过程，并提供了配置web.xml及验证用户输入的部分代码。

验证码（CAPTCHA）是“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自动区分计算机和人类的图灵测试）的缩写，是一种区分用户是计算机还是人的公共全自动程序。可以防止：恶意破解密码、刷票、论坛灌水，有效防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试，实际上用验证码是现在很多网站通行的方式（比如招商银行的网上个人银行，百度社区），下面是各种各样的验证码形式。

今天我用servlet来实现了这个功能。4个字母是： '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', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' 每一个随机出现

第一步：在html中加入需要显示验证码的地方

<script src="../js/login.js" type="text/javascript"></script>

<div class="input-prepend mt20" title="Password" data-rel="tooltip">
      <input id="yzm" type="text" class="textCss05"  name="" style="width:80px;"/>
      <img src="../gernerateCodeServlet" id="imgvercode"
            style="vertical-align: middle;cursor: pointer;" 
            onclick="login.changeNewImg();" title="换一张"/>
 </div>

第二步：通过jQuery获取id并发送servlet请求