thinkphp 验证码 的使用小结

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

<div>
  <img src="/UploadFiles/2021-04-02/yzm">

这样就可以把验证码调出来了 ，验证码调出来之后我们需要使用它，那么在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 \Think\verify();
  $va=$_POST["va"];
   $aa=$yzm->check($va);
  $this->ajaxReturn($aa,"eval");
}




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


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

$a=Math.random()*10;
 $(this).attr("src","__CONTROLLER__/yzm/aa"+a);

})