验证验证码

最新推荐文章于 2023-10-27 17:57:34 发布

zoekitty

最新推荐文章于 2023-10-27 17:57:34 发布

阅读量448

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/zoekitty/article/details/52234250

版权

javascript 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        input{width:60px;height:40px;border:1px solid yellow;}
        span{width:40px;height:40px;border: 1px solid blue;display:inline-block;}
    </style>
</head>
<body>
<input id="input1" type="text" />
<input  id="span1"type="button" >
<script>
    //随机获取验证码
    function getRandomStr(length){
        var str="anqk222dmkqwdll57890";
        var finalStr="";
        for(var i=0;i<length;i++){
            //获取其中一个
            var randomIndex=Math.floor(str.length*Math.random());
            var oneStr=str.substring(randomIndex,randomIndex+1);
            finalStr+=oneStr;
        }
        return finalStr;
    }

  console.log( getRandomStr(6)) ;

    //验证验证码是否正确
var input1=document.getElementsByTagName('input')[0];
var span1=document.getElementById('span1');
    span1.value=getRandomStr(4);

input1.οnblur=function(){

        if(input1.value.toLowerCase()===span1.value.toLowerCase()){
           alert("验证码正确")
        }
        else{
           alert("验证码错误")
        }
    };
    
</script>

zoekitty

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
验证验证码

input{width:60px;height:40px;border:1px solid yellow;} span{width:40px;height:40px;border: 1px solid blue;display:inline-block;} //随机获取验证码 function getRandomStr(length){
复制链接

扫一扫

专栏目录