手机版

js随机生成一个验证码

时间:2021-09-04 来源:互联网 编辑:宝哥软件园 浏览:

我之前接触过的验证码都是图片。今天偶然看到一个用js生成随机验证码的演示,我曾经敲过和大家分享。

效果:

Html代码:

验证代码:/p div id=' log in ' onclick=' change()' a href=' # ' rel=' external no follow '/a/div为div设置一个click事件。js代码如下:

函数getCode(n){ var all=' azxcvbnmsdfghjklqwertyuiopzxcvbnmasdfghjklqwertyuiop 0123456789 ';var b=for(var I=0;I n;I){ var index=math . floor(math . random()* 62);b=all.charAt(索引);}返回b;};函数change(){ document . getelementbyid(' log in ')。innerHTML=GetCode(4);} window.onload=change定义一个变量,使其值为26个字母和0-9个数字。

Math.random()是一个伪随机的双值,使系统随机选择大于等于0.0且小于1.0的值。例如,由Math.random()*62获得的值:

Math.floor是将一个数字四舍五入,之前在博客中已经提到过。

CharAt方法可以返回指定位置的字符,这在之前的博客中已经提到过。

这些都已经很熟悉了,就当是复习吧。

获取四个随机数,并将它们拼接成div标签。得到想要的效果。

以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

版权声明:js随机生成一个验证码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。