js随机生成一个验证码
来源:互联网 发布:ubuntu安装deb包失败 编辑:程序博客网 时间:2024/05/23 16:22
之前接触过的验证码都是图片,今天碰到了一个用js生成随机验证码的demo,拿来敲一敲和大家分享。
效果:
html代码:
<p>验证码:</p> <div id="login" onclick="change()"> <a href="#"></a> </div>
给div设置了一个click点击事件,js代码如下:
function getCode(n) { var all = "azxcvbnmsdfghjklqwertyuiopZXCVBNMASDFGHJKLQWERTYUIOP0123456789"; var b = ""; for (var i = 0; i < n; i++) { var index = Math.floor(Math.random() * 62); b += all.charAt(index); } return b; }; function change() { document.getElementById("login").innerHTML = getCode(4); } window.onload = change;
定义一个变量,令它的值为26个字母和0-9十个数字。
Math.random()是令系统随机选取大于等于 0.0 且小于 1.0 的伪随机double 值。
例如:Math.random()*62 得到的值:
Math.floor 是对一个数字向下取整,之前在博客里面有提到过。
charAt方法可返回指定位置的字符,之前在博客里面也有提到过。
这些都已经很熟悉了,就当作是复习一遍吧。
拿到随机的四个数字,拼接到div标签里。就得到了想要的效果。
阅读全文
0 0
- js随机生成一个验证码
- JS生成随机验证码
- JS随机生成生成验证码
- js随机生成4位验证码
- js随机生成4位验证码
- 纯js随机生成验证码
- 随机生成一个验证码图片
- 生成随机验证码
- 随机生成验证码
- 生成随机验证码
- 随机生成验证码
- 生成随机验证码
- 生成随机验证码
- 生成随机验证码
- 生成随机验证码
- 随机生成验证码
- 随机生成验证码
- 随机生成验证码
- 单片机基础--IIC通信协议
- 最全三大框架整合(使用映射)——struts.xml和web.xml配置
- String和StringBuffer的区别
- 从汇编层面深度剖析 C++ 虚函数
- 数论知识总结(乘法逆元,欧拉函数,线性筛,快速幂,快速乘等)
- js随机生成一个验证码
- QtAV 1.5.0 发布,跨平台高性能音视频框架
- Android 7.0系统调用相机崩溃
- iOS bringSubviewToFront和exchangeSubviewAtIndex方法应用
- Struts2 登录
- 最全三大框架整合(使用映射)——index.jsp
- Hadoop-rpc调用案例,服务端,客户端代码案例
- Vladik and Favorite Game CodeForces
- 快速提高编程能力---一年时间可以改变很多事