• thinkphp 验证码


       thinkphp中的验证码是可以直接调用的,非常方便,我们看一下 Think 文件夹下 有一个名为verify.class.php的文件

       首先 我们要有一个模板,在view文件夹下写了一个名为 xx.html的文件,里面啥也没写, 这时 我们要在这个文件里面显示出验证码来  

     function xx()
    {
       $this->show();
    }
    function yzm()
    {
       $yzm=new Thinkverify();
       $yzm->entry();
    }

    想要验证码显示出来,那么我们就需要调一下yzm方法了,在xx.html中表示为

    <div>
        <img src="__CONTROLLER__/yzm" id="img1"/>
    </div>

    这样就可以把验证码调出来了 ,验证码调出来之后我们需要使用它,那么在xx.html中会有一个input表单  会有验证的按钮 

    <div>
        <input type="text" id="va"/>
        <input type="button" id="btn"/>
    </div>

    下面我写的js部分用的是jquery  所以前面必须要引入jquery包的

    <script type="text/javascript">
        $("#btn").click(function(){
            var va = $("#va").val();
           $.ajax({
              url:"__CONTROLLER__/yz",
              data:{va:va},
              type:"POST",
              dataType:"TEXT",
              success:function(data){
                   if(data)
                    {
                         alert("验证成功");
                    }
                  else
                       {
                              alert("验证失败");
                       }          
              }
    
            });
       })
    
    </script>

    现在我们去写yz的方法

    function yz()
    {
        $yzm=new Thinkverify();
        $va=$_POST["va"];
         $aa=$yzm->check($va);
        $this->ajaxReturn($aa,"eval");
    }

     这样写完了之后,我们会发现一个问题 就是点击图片的时候不会自动换,那么我们就要给图片加一个点击事件,每点击一次 就让路径再重新走一遍

    $("#img1").click(function(){
    //如果只是在除了ie浏览器的其他浏览器上运行  
     $(this).attr("src","__CONTROLLER__/yzm");
    //如果要增加其兼容性的话,那么我们就要取一个随机数了
    
    var a=Math.random()*10;
     $(this).attr("src","__CONTROLLER__/yzm/aa"+a);
    
    })

     

     

     

  • 相关阅读:
    爬虫之初试
    [已解决]疑问:关于postgres的to_number()
    随笔
    简单的任意列数均匀布局
    去除VS2010中中文注释下的红色波浪线
    DataTable举例
    DevExpress::XtraBars::BarEditItem获取EditValue值事件
    List<String^>^ 引用空间
    TreeList的VisibleNodesCount,Noes.Count,AllNdoesCount以及焦点节点的删除
    获取工程的exe文件的所在目录
  • 原文地址:https://www.cnblogs.com/xiaodouding/p/6819666.html
Copyright © 2020-2023  润新知