您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax |

JS实现随机生成验证码

51自学网 2022-05-02 21:32:37
  javascript

本文实例为大家分享了JS实现随机生成验证码的具体代码,供大家参考,具体内容如下

<!DOCTYPE html><html> <head>  <meta charset="utf-8" />  <title></title>  <style>     </style> </head> <body>  <div>  <h1>111111</h1><a href="#" rel="external nofollow" >看不清换一张</a>  </div>  验证码:<input type="text" value="" />  <button>确定</button> </body> <script>  var arr = ["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z",       "a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z",       0,1,2,3,4,5,6,7,8,9];        var h1=document.querySelector("h1");        var btn=document.querySelector("button");        var change=document.querySelector("a");             var input=document.querySelector("input");                  function fn(){        var arr1=Math.floor(Math.random()*62);        var arr2=Math.floor(Math.random()*62);        var arr3=Math.floor(Math.random()*62);        var arr4=Math.floor(Math.random()*62);        var arr5=Math.floor(Math.random()*62);        var arr6=Math.floor(Math.random()*62);        var yz=""+arr[arr1]+arr[arr2]+arr[arr3]+arr[arr4]+arr[arr5]+arr[arr6];            h1.innerHTML=yz;                btn.onclick=function(){              alert(input.value);             if(input.value==yz){            alert("正确");            }else{             alert("错误");            }                       }         }        fn();    change.addEventListener("click",fn); </script></html>

1、Math.floor() 方法

Math.floor(x)

floor() 方法返回小于等于x的最大整数。

如果传递的参数是一个整数,该值不变。

2、Math.random()方法

random() 方法可返回介于 0(包含) ~ 1(不包含) 之间的一个随机数。

使用以上两种方法可以实现取随机数的功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持wanshiok.com。


vue echarts实现柱状图动态展示
vue3单文件组件中style特性的深入讲解
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1