美文网首页
js图形验证码插件gVerify

js图形验证码插件gVerify

作者: 李佳明先生 | 来源:发表于2017-09-09 11:00 被阅读0次

    话不多说,上图。

    示例
    • 首先,要准备一个容器(dom)来放canvas。
      <div style="float: left;" style="width: 80px;height: 27px;" id="img"></div>
    • js代码(初始化)
      var verifyCode = new GVerify("img");
    • 根据需求写逻辑代码
    function preventDefa(e){ 
      if(window.event){ 
        //IE中阻止函数器默认动作的方式  
        window.event.returnValue = false;  
      } 
      else{ 
        //阻止默认浏览器动作(W3C)  
        e.preventDefault(); 
      }  
    } 
    $('.submit input').on('click',function(e){
                if(!verifyCode.validate($('#validate').val())){
                     var str='<div id="Verrors" style="font-size: 14px;font-family:微软雅黑;color: red;">验证码不正确</div>';
                     $('.validate .errors').html('');
                     $('.validate .errors').append(str);
                     preventDefa(e);
                }
            })
    

    gVerify传送门(密码:uUhG)

    相关文章

      网友评论

          本文标题:js图形验证码插件gVerify

          本文链接:https://www.haomeiwen.com/subject/ytpojxtx.html