JavaWeb学习jsp中，单击验证码图片进行替换

最新推荐文章于 2023-04-10 16:06:32 发布

Yuan_ice

最新推荐文章于 2023-04-10 16:06:32 发布

阅读量433

点赞数

分类专栏： JavaWeb 文章标签：验证码前端开发 JavaScript 事件处理安全

本文链接：https://blog.csdn.net/Yuan_ice/article/details/128501053

版权

JavaWeb 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

<td>验证码</td>
                <td class="inputs">
                    <input name="checkCode" type="text" id="checkCode">
                    <img id="checkCodeImg" src="/brand-demo/checkCodeServlet">
                    <a href="#" id="changeImg" >看不清？</a>
                </td>

input是输入验证码框框

img是验证码图片

a是带链接的刷新验证码图片功能

简简单单设置单击事件就好了。

<script>
    function replace(){
        document.getElementById("checkCodeImg").src = "/brand-demo/checkCodeServlet?"+new Date().getMilliseconds();
    }
    document.getElementById("changeImg").onclick = function () {
        //new Date().getMilliseconds()获取对应的毫秒值
        replace();
    }
    document.getElementById("checkCodeImg").onclick = function (){
        replace();
    }
</script>