js入门篇--简单验证码

最新推荐文章于 2024-09-09 07:30:00 发布

qq_41288095

最新推荐文章于 2024-09-09 07:30:00 发布

阅读量213

点赞数

分类专栏： javascript 文章标签： js简单验证码

本文链接：https://blog.csdn.net/qq_41288095/article/details/89053970

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

简单验证码

显示验证码

<head>
<meta charset="UTF-8">
 <title>随机验证码</title>
<script src="js/getCode.js" type="text/javascript"></script>
</head> 
<body>
 <span id="msg"></span>
 <input type="button" value="刷新" "show()" >
</body>

function validateCode(n){
 //验证码中可能包含的字符
 var s="abcdefghijqmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
  var ret="";//保存生成的验证码；
 /*利用循环，随机产生验证码中的每个字符*/
 for(var i=0;i<n;i++)
  {
  var index = Math.floor(Math.random()*62);//随机产生一个0~62之间的数
  //将随机产生的数当作字符串的位置下标，在字符串s中取出该字符，并存入ret中
  ret+=s.charAt(index);
 }
 return ret;
 }
//显示随机数函数
function show(){
 //在id为msg的对象中显示验证码
  document.getElementById("msg").innerHTML = validateCode(4);
}

window.show;//页面加载时执行函数show

产生指定范围之内的随机整数
产生0~n之间的随机数：Math.floor(Math.random() * (n+1))
产生n1~n2之间的随机数：Math.floor(Math.random() * (n2-n1))+n1

未完待续。。。