黑马验证码点击图片更换

黑马验证码点击图片更换

                <td>验证码</td>
                <td class="inputs">
                    <input name="checkCode" type="text" id="checkCode">
                    <img id="checkCodeImg" src="/brand_demo_war/checkCodeServlet">
                    <a href="#" id="changeImg" onclick="">看不清?</a>
                </td>
<script>
    document.getElementById("changeImg").onclick = function (){
        document.getElementById("checkCodeImg").src = "/brand_demo_war/checkCodeServlet?"+new Date().getMilliseconds();
    }
    document.getElementById("checkCodeImg").onclick = function (){
        document.getElementById("checkCodeImg").src = "/brand_demo_war/checkCodeServlet?"+new Date().getMilliseconds();
    }
</script>

在这里插入图片描述

视频内老师带领我们为“看不清”设置了点击效果,看js的第一段代码获取到名字为changeImg设置了 点击更换图片,同理我们给图片设置一个id应用同样的方法就可以完成点击照片进行更换验证码的功能。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
黑马javaweb验证码是一个用于验证用户身份的安全措施。根据引用\[1\]和引用\[2\]的描述,它的核心逻辑如下: 1. 通过验证码生成Servlet生成一个验证码,并将正确的文本存储在session中。 2. 用户在登录页面输入账号、密码和验证码。 3. 从请求中获取这三个参数,并先将用户输入的验证码与session中存储的正确结果进行对比。 - 如果验证码不匹配,则向前端转发一个"验证码不对"的提示。 - 如果验证码正确,则继续验证用户名和密码。 4. 从连接池中查询数据库,检查用户名和密码是否匹配。 - 如果匹配成功,则封装用户名和密码。 - 如果未找到匹配项,则返回Null。 5. 根据验证结果进行相应的跳转。 需要注意的是,根据引用\[3\]的描述,一般情况下,先判断验证码再判断密码的原因是验证码是生成的,不需要与数据库进行交互,因此没有数据库开销。此外,转发和重定向的区别在于数据位于的域和请求次数的不同。在本案例中,根据测试结果,两个跳转转发可以转换为重定向,但逆向是不可行的。 综上所述,黑马javaweb验证码是一个用于验证用户身份的安全措施,其核心逻辑包括生成验证码、验证验证码、验证用户名和密码,并根据验证结果进行相应的跳转。 #### 引用[.reference_title] - *1* [黑马程序员_JavaWeb之验证码](https://blog.csdn.net/lixiao000013/article/details/7540995)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [JavaWeb验证码案例(Cookie & Session)](https://blog.csdn.net/abyss_miracle/article/details/113733683)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值