js创建验证码

Posted 橙-子------技术改变世界!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js创建验证码相关的知识,希望对你有一定的参考价值。

    <script>
        window.onload=function(){
            var code=document.getElementById("code");
            var code_text=‘‘;
            createCode();
            code.onclick=function(){
                
                createCode();
            }
            
            function createCode(){//创建验证码
                code_text="";
            var datas=[‘Q‘,‘W‘,‘E‘,‘R‘,‘T‘,‘Y‘,‘U‘,‘I‘,‘O‘,‘P‘,
            ‘A‘,‘S‘,‘D‘,‘F‘,‘G‘,‘H‘,‘J‘,‘K‘,‘L‘,‘M‘,‘N‘,‘B‘,‘V‘,‘C‘,‘X‘,‘Z‘,];
            for(var i=0 ;i<4;i++){
                
             var index=Math.floor(Math.random()*datas.length);
                 code_text +=datas[index];
            }
            code.innerhtml=code_text;    
        }
    }
        
    </script>

 

以上是关于js创建验证码的主要内容,如果未能解决你的问题,请参考以下文章

Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段

如何用JS代码判断验证码输入是不是正确

JSP 设计教师与学生不同登陆界面(带验证码)

JS 验证码的实现

js实现输入手机验证码后点击提交按钮验证手机输入的验证码和发送的验证码是不是一致

3-爬虫-模拟登录图片验证码处理