生成随机验证码的小demo:
生成随机验证码的小demo:
duozuo2006 发表于1年前
生成随机验证码的小demo:
  • 发表于 1年前
  • 阅读 2
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

看到验证码的小组件,自己尝试写的,以后用的到,样式忽略,后期再修改好。

<!doctype html>

<html>

<head>

<meta charset="utf-8"/>

<title>js验证码</title>

<style type="text/css">

 #login{

    width:50px;

    height:30px;

    line-height:30px;

    margin:0 auto;

    background-color:#eee;

    text-align:center;

    color:red;

 }

 p{

    width:75px;

    height:30px;

    margin:0 auto;

 }

 

</style>

</head>

<body>

<p>验证码:</p>

<div id="login" onclick="show()"><a href="#"></a></div>

<script type="text/javascript">

    function codes(n){

            var a="azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789";

            var b="";

        for (var i = 0;i<n;i++){

            var index=Math.floor(Math.random()*62);

             b+=a.charAt(index);

        }

        return b;

        };

        function show(){

            document.getElementById("login").innerHTML=codes(4);       

   }

   window.onload=show;

</script>

</body>

</html>

共有 人打赏支持
粉丝 0
博文 10
码字总数 8728
×
duozuo2006
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: