thinkphp5验证码
http://www.mamicode.com/info-detail-2204086.html
2.在config中添加验证码配置
//验证码配置 ‘captcha‘ => [ // 验证码字符集合 ‘codeSet‘ => ‘2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY‘, // 验证码字体大小(px) ‘fontSize‘ => 20, // 是否画混淆曲线 ‘useCurve‘ => true, // 验证码图片高度 ‘imageH‘ => 42, //是否添加杂点 ‘useNoise‘=>true, // 验证码图片宽度 ‘imageW‘ => 148, // 验证码位数 ‘length‘ => 4, // 验证成功后是否重置 ‘reset‘ => true ],
<div> <img id="verify_img" src="{:captcha_src()}" alt="验证码" onclick="refreshVerify()"> <a href="javascript:refreshVerify()">点击刷新</a> </div> <form class="layui-form" action="" > <input type="text" name = "verify"> <button class="layui-btn" lay-filter="checkcaptcha" lay-submit="" id="checkcaptcha" > 保存 </button> </form> <script> function refreshVerify() { var ts = Date.parse(new Date())/1000; var img = document.getElementById(‘verify_img‘); img.src = "{:captcha_src()}"; } $(function () { $("#checkcaptcha").on("click",function(){ $.ajax({ type: ‘POST‘, url: "{:url(‘test/checkcaptcha‘)}", data: $(".layui-form").serialize(), dataType: "json", async: false, error: function(request) { alert("发送请求失败!"); }, success: function(data){ console.log(data); if (data.status == 1) { alert(data.message); } else { alert(data.message); } } }); }) })
</script>
//检验验证码 public function checkcaptcha() { $status=1; $captcha = input(‘verify‘); if(!captcha_check($captcha)){ //验证码错误 $message=‘验证码错误‘; }else{ //验证码正确 $message=‘验证码正确‘; } return [‘status‘=> $status, ‘message‘=> $message]; }