js随机生成一个验证码
2017-05-31 19:26
537 查看
之前接触过的验证码都是图片,今天碰到了一个用js生成随机验证码的demo,拿来敲一敲和大家分享。
效果:
html代码:
给div设置了一个click点击事件,js代码如下:
定义一个变量,令它的值为26个字母和0-9十个数字。
Math.random()是令系统随机选取大于等于 0.0 且小于 1.0 的伪随机double 值。
例如:Math.random()*62 得到的值:
Math.floor 是对一个数字向下取整,之前在博客里面有提到过。
charAt方法可返回指定位置的字符,之前在博客里面也有提到过。
这些都已经很熟悉了,就当作是复习一遍吧。
拿到随机的四个数字,拼接到div标签里。就得到了想要的效果。
效果:
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标签里。就得到了想要的效果。
相关文章推荐
- js随机生成一个验证码
- js随机生成一个数组中的随机字符串以及更新验证码
- asp.net2.0生成一个复杂的验证码,背景随机,字体随机,中英文数字随机
- asp.net2.0生成一个复杂的验证码,背景随机,字体随机,中英文数字随机
- 随机验证码生成(生成一个含有n位随机数字的字符串)
- JS 生成随机色,产生验证码,获取URL中的"?"
- NET 很简单的一个生成随机验证码封装的一个类
- 纯js随机生成验证码
- 完成一个验证码生成器,要求能够随机生成0~9,a~z,A~Z之间长度为4位的验证码,并完成一个验证过程
- js随机生成4位验证码
- 随机生成验证码图片并将之输出为一个png文件。
- asp.net2.0生成一个复杂的验证码,背景随机,字体随机,中英文数字随机
- 在JSP中动态生成随机验证码,登录时后台校验验证码,以及如何避免同一个验证码被重复提交爆破密码
- javase写一个随机生成验证码,有大写,小写,数字组成的
- 随机生成一个验证码图片
- 用javase写一个类实现自动生成验证码的功能,验证码随机自动生成;
- Python3 生成一个随机验证码
- JS随机生成生成验证码
- 在JSP中动态生成随机验证码,登录时后台校验验证码,以及如何避免同一个验证码被重复提交爆破密码
- js生成二级城市联动菜单,动态生成年、月、日字段,生产一个验证码