如何便捷的给页面中添加验证码

validatecode.jar的使用


验证码的作用:防止机器攻击。

  1. 项目中添加第三方jar包validatecode.jar
  2. 创建返回验证码的servlet!
<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
<form action="/servlet2/register" method="post">
    <table>
        <tr>
            <td>用户名:</td>
            <td><input type="text" name="username"><br/></td>
        </tr>
        <tr>
            <td>密码:</td>
            <td><input type="password" name="password"><br/></td>
        </tr>
        <tr>
            <td>确认密码:</td>
            <td><input type="password" name="repassword"><br/></td>
        </tr>
        <tr>
            <td>邮箱:</td>
            <td><input type="text" name="email"><br/></td>
        </tr>
        <tr>
            <td>验证码:</td>
            <td><input type="text" name="vcode"><img id="img1" src="validateservlet" onclick=" changeImg()"><a href="" onclick="return changeImg()">点击,换一个</a><br/></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="提交"><br/></td>
        </tr>
    </table>
    <script type="text/javascript">
        function changeImg() {
            var img1 = document.getElementById("img1");
            img1.src="validateservlet?n="+Math.random();//加个随机数,让浏览器视为不同的请求
            return false;
        }

    </script>

</form>
</body>

</html>
@WebServlet(name = "RegisterServlet" ,value="/validateservlet")
public class RegisterServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        ValidateCode validateCode=new ValidateCode(100,30,4,20);
        String code = validateCode.getCode();
        System.out.println(code);
        validateCode.write(response.getOutputStream());
        System.out.println(request.getRequestURL());

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
}

@WebServlet(name = "Servlet3",value="/register")
public class Servlet3 extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        request.setCharacterEncoding("utf-8");
        User user=new User();
        try {
            BeanUtils.populate(user,request.getParameterMap());
            System.out.println(user.toString());
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        doPost(request, response);
    }
}

在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 精易web浏览器滑动验证码是一种防止机器人恶意攻击的验证码形式。它的工作原理是通过在网页上展示一张含有滑块的图片,并要求用户拖动滑块以验证身份。 具体来说,滑动验证码的实现过程如下:首先,web浏览器会从服务器端获取一张含有缺口的图片,缺口位置是随机生成的。接着,web浏览器会在页面上展示这张图片,并要求用户将滑块拖动到恰当的位置以填补缺口。当用户拖动滑块时,web浏览器会实时监测滑块的位置变化,并记录下滑块的拖动轨迹。最后,web浏览器会将用户的拖动轨迹信息与服务器端存储的正确轨迹进行比对,判断用户是否为真人。 精易web浏览器滑动验证码的优点在于其简单易用、交互性强。它通过人机交互的方式,要求用户主动地参与到验证过程,从而有效地防止了机器人的攻击。与传统的输入验证码相比,滑动验证码更加直观、便捷,减少了用户的烦恼。而且,由于滑动验证码的实现过程包括了拖动滑块的动作,可以有效地防止机器人利用自动化程序模拟用户操作。 然而,滑动验证码也存在一些缺点。由于滑动验证码的形式相对固定,一些高级的机器人攻击程序可能通过模拟用户拖动滑块的动作来绕过验证。而且,滑动验证码还需要服务器端保存大量的拖动轨迹数据,增加了服务器的存储压力。此外,滑动验证码对于一些视觉或身体上有限的用户来说可能存在一定的使用难度。 总之,精易web浏览器滑动验证码是一种常见的验证码形式,通过要求用户拖动滑块来验证身份,有效地防止了机器人的攻击。尽管它有一些缺点,但在实际应用仍然具有一定的安全性和可用性。 ### 回答2: 精易web浏览器滑动验证码是一种用于验证用户身份的一种安全措施。它通过在登录和注册页面添加一个滑动拼图的形式,要求用户在滑动过程完成验证,以确保用户是真人而不是机器人。 这种滑动验证码的实现基于复杂的算法和技术,通过分析用户在滑动过程的行为模式来判断其是否是真实用户。系统会检测用户的滑动轨迹、滑动速度、滑动方向等参数,并与已知的用户数据进行对比,从而确认用户的身份。 在验证过程,滑动验证码会在页面上生成一个带有缺口的拼图,用户需要按住拼图并通过滑动将其拖动到正确的位置。通过识别用户在拼图上的滑动行为,系统可以判断用户是否是通过真实的人手操作来完成验证的。 精易web浏览器滑动验证码具有一定的优点。首先,它可以有效防止机器人的恶意登录和注册行为,提高了系统的安全性。其次,相比其他验证码形式,滑动验证码操作简单,用户体验较好,可以降低用户的使用阻力。此外,该验证码还具有一定的自适应性,可以根据不同的设备和浏览器适配不同的验证方式,提高了兼容性和可用性。 总而言之,精易web浏览器滑动验证码是一种安全且方便的验证方式,它通过分析用户的滑动行为来确认用户的真实性,提高了系统的安全性和用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值