首页前端开发HTML一个有趣的html5手机锁分析

一个有趣的html5手机锁分析

时间2024-01-26 17:38:02发布访客分类HTML浏览998
导读:收集整理的这篇文章主要介绍了html5教程-一个有趣的html5手机锁分析,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 有一段时间,在网上闲逛...
收集整理的这篇文章主要介绍了html5教程-一个有趣的html5手机锁分析,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

有一段时间,在网上闲逛的时候,看到一个有个好玩的脚本,进行改造后觉得非常有意思,就拿出来分享下

如图:

 

按照验证码给出的信息,就是手机锁的密码啦!

这个是正确的,会提示我验证通过,如图:

 

验证通过:

 

 

然后,就可以接下来的业务处理啦!

这里是我一部分htML代码:

 

                 

 

 

 


 

主要js部分:

 

 script tyPE="text/javascript">
 $("#Verification_code").Gesturepasswd({
 backgroundColor:"rgb(54,60,80)",   color:"#fff",   roundRadii:40,    pointRadii:18,  space:20,  width:300,    height:320,   lineColor:"rgb(51,122,183)",   zindex :100  }
    );
  $("#Verification_code").on("hasPasswd",function(e,passwd){
     $("#IDCode").val(passwd);
      result=true;
 }
    );
   $("#Verification_code").on("hasPasswd",function(e,passwd){
     VAR result;
 if(passwd ==text){
     result=true;
 }
 else {
     result=false;
 }
 if(result == true){
       $("#Verification_code").trigger("passwdRight");
   setTimeout(function(){
      alert("验证通过!");
      $(".Verification").hide();
      $(".addrole-group").show();
   }
    ,500);
  }
  else{
       $("#Verification_code").trigger("passwdWrong");
}
 }
    );
      /script>
    

 

随机验证码生成js部分:

 

 var text;
     var arr =  [ ];
      for(i=0;
    i6;
i++) {
    arr[i] = parseInt(Math.random()*9+1);
    check();
}
  function check() {
        for(j=0;
    j


 

当然还需要两个必备js文件,博客没有上传js文件的能力,没办法了,如果有兴趣的朋友,可以私聊找我要哈!

 

 

有一段时间,在网上闲逛的时候,看到一个有个好玩的脚本,进行改造后觉得非常有意思,就拿出来分享下

如图:

 

按照验证码给出的信息,就是手机锁的密码啦!

这个是正确的,会提示我验证通过,如图:

 

验证通过:

 

 

然后,就可以接下来的业务处理啦!

这里是我一部分html代码:

 

                 

 

 

 


 

主要js部分:

 

 script type="text/javascript">
 $("#Verification_code").GesturePasswd({
 backgroundColor:"rgb(54,60,80)",   color:"#fff",   roundRadii:40,    pointRadii:18,  space:20,  width:300,    height:320,   lineColor:"rgb(51,122,183)",   zindex :100  }
    );
  $("#Verification_code").on("hasPasswd",function(e,passwd){
     $("#idcode").val(passwd);
      result=true;
 }
    );
   $("#Verification_code").on("hasPasswd",function(e,passwd){
     var result;
 if(passwd ==text){
     result=true;
 }
 else {
     result=false;
 }
 if(result == true){
       $("#Verification_code").trigger("passwdRight");
   setTimeout(function(){
      alert("验证通过!");
      $(".Verification").hide();
      $(".addrole-group").show();
   }
    ,500);
  }
  else{
       $("#Verification_code").trigger("passwdWrong");
}
 }
    );
      /script>
    

 

随机验证码生成js部分:

 

 var text;
     var arr =  [ ];
      for(i=0;
    i6;
i++) {
    arr[i] = parseInt(Math.random()*9+1);
    check();
}
  function check() {
        for(j=0;
    j


 

当然还需要两个必备js文件,博客没有上传js文件的能力,没办法了,如果有兴趣的朋友,可以私聊找我要哈!

 

 

觉得可用,就经常来吧! 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

divDOMHTMLhtml5post-format-gallery

若转载请注明出处: 一个有趣的html5手机锁分析
本文地址: https://pptw.com/jishu/587070.html
【缓存/性能】HTML5缓存的那些事 Openlayers3加载天地图

游客 回复需填写必要信息