学斋随笔，初九潜龙勿用，-16验证码 

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>验证码</title>
 6 </head>
 7 
 8 <body>
 9 请输入验证码:
10     <span id="yzm1" style="background: #ccc"></span><br>
11     <input type="text" id="yzm">
12     <button id="btn">验证是否正确</button>
13 </body>
14 </html>
15 <script>
16 var yzm = document.getElementById("yzm");
17 var yzm1=document.getElementById("yzm1");
18 var btn =document.getElementById("btn");
19     
20 getYzm();
21 yzm1.onclick = getYzm;
22     btn.onclick = function(){
23     var zhi1=yzm.value;
24     var zhi2=yzm1.innerHTML;
25     if(zhi1==zhi2){
26         alert("正确，眼神不错");
27     }else{
28         alert("验证码错误，你好好瞅瞅");
29     }
30 }
31 
32 
33 
34 function getYzm(){
35     var str = "123456789abcdefg";
36     str = str.split("");
37     var zhi = "";
38     for(var i =0;i<4;i++){
39         zhi += str[parseInt(Math.random()*str.length)];
40     }
41     yzm1.innerHTML = zhi;
42 }
43 
44     
45 </script>

 

posted @ 2019-01-04 13:49  玩转手绘  阅读(128)  评论(0)    收藏  举报