JS生成前端验证码

最新推荐文章于 2024-03-18 11:44:00 发布

Java-CV工程师

最新推荐文章于 2024-03-18 11:44:00 发布

阅读量154

点赞数

分类专栏： web 文章标签： js

本文链接：https://blog.csdn.net/qq_42358647/article/details/106864785

版权

web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html> 
    <head> 
        <title>纯字验证码</title> 
        <meta http-equiv='content-type' content='text/html;charset=utf-8'/> 
        <script type='text/javascript' src='jquery-1.7.2.js'></script> 
        <script type='text/javascript'> 
        var code ; //在全局定义验证码   
           
        function createCode(){ 
             code = "";    
             var codeLength = 4;//验证码的长度   
             var checkCode = document.getElementById("code");    
             var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R',   
             'S','T','U','V','W','X','Y','Z');//随机数   
             for(var i = 0; i < codeLength; i++) {//循环操作   
                var index = Math.floor(Math.random()*36);//取得随机数的索引（0~35）   
                code += random[index];//根据索引取得随机数加到code上   
            }   
            checkCode.value = code;//把code值赋给验证码   
        } 
        
        </script> 
        <style type='text/css'> 
        #code{ 
            font-family:Arial,宋体; 
            font-style:italic; 
            color:green; 
            border:0; 
            padding:2px 3px; 
            letter-spacing:3px; 
            font-weight:bolder; 
        } 
        </style> 
    </head> 
    <body onload='createCode()'>  
        <div>验证码:
            <input type="button" id="code" onclick="createCode()" style="width:60px" title='点击更换验证码' /> 
            
        </div>   
    </body> 
</html>

Java-CV工程师

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS生成前端验证码

<html> <head> <title>纯字验证码</title> <meta http-equiv='content-type' content='text/html;charset=utf-8'/> <script type='text/javascript' src='jquery-1.7.2.js'></script> <sc.
复制链接

扫一扫

专栏目录