简单的验证码

简单的验证码

验证码

1. 本质：图片

2. 目的：防止恶意表单注册

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script>
        /*
            分析：
                点击超链接或者图片，需要换一张
                1.给超链接和图片绑定单击事件

                2.重新设置图片的src属性值

         */
    window.onload = function(){
        //1.获取图片对象
        var img = document.getElementById("checkCode");
        var cha = document.getElementById("change");
        //2.绑定单击图片事件
        img.onclick = function(){
            //加时间戳
            var date = new Date().getTime();
            img.src = "/checkCodeServlet?"+date;
        }
       //3.绑定点击超链接时间
         cha.onclick = function () {
                var date = new Date().getTime();
                img.src = "checkCodeServlet?"+date;
            }  
    }
    </script>

</head>
<body>

    <img id="checkCode" src="/checkCodeServlet" />
    <a id="change" href="">看不清换一张？</a>

</body>
</html>

简单的验证码

验证码

相关推荐