中文验证码

程序媛夏天

于 2021-07-02 10:45:44 发布

阅读量559

点赞数

分类专栏： JavaScript进阶

本文链接：https://blog.csdn.net/weixin_45822171/article/details/118407308

版权

验证码 JavaScript 随机数字符串操作用户输入验证

关键词由CSDN通过智能技术生成

JavaScript进阶专栏收录该内容

63 篇文章 39 订阅

订阅专栏

输入验证码这个功能在日常做项目是比较常见的，下面写一个简单demo初学者可以参考一下。
1.图片展示
在这里插入图片描述

2.源代码

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>中文验证码</title>
    <script>

       let str="有些梦想虽然遥不可及但不是不可能实现只要我足够的强手中的谐是国社会层面的价值取向爱国敬业诚信友善是公民个人层面的价值准则这个字是社会主义";
       //定义中文验证码的内容
       console.log(str.length);
       let num=Math.floor(Math.random()*str.length-1);
       let check_code='';  //定义电脑随机出来的验证码
       for(let i=0;i<4;i++)
       {
          num=Math.floor(Math.random()*str.length-1);
          check_code+=str[num];
       } 
       console.log(check_code);
       let input;  //定义自己输入的验证码
       input=prompt("验证码为:"+check_code,"请输入验证码");
       while(input != check_code)
       {
            alert("验证码输入错误，请重新输入");
            check_code='';
            for(let i=0;i<4;i++)
            {
               num=Math.floor(Math.random()*str.length-1);
               check_code+=str[num];
            } 
            input=prompt("验证码为:"+check_code,"请输入验证码");
      }
         alert("验证码输入正确");
    </script>
</head>
<body>
    
</body>
</html>