Thinkphp3.2.3验证码的显示、点击刷新、ajax异步验证
2016-04-25 14:19
811 查看
首先在Home/common目录下创建function.php文件
然后:
一、显示验证码
首先在Home/Controller下创建一个公共控制器IndexController
视图页面:
js文件
三、ajax异步刷新验证验证码
js文件
<?php function check_verify($code, $id = ''){ $verify = new \Think\Verify; return $verify->check($code, $id); }
然后:
一、显示验证码
首先在Home/Controller下创建一个公共控制器IndexController
<?php namespace Admin\Controller; use Think\Controller; use Think\Verify; class IndexController extends Controller { //生成验证码 public function verify(){ $verify = new Verify(); $verify->codeSet = '012345678ABCDEFGHJKLMNPQRTUVWXY'; $verify->fontSize= 18; $verify->length = 4; $verify->entry(); } }二、点击刷新验证码
视图页面:
<tr> <td class="exp"><label>验证码:</label></td> <td class="int-verify"> <input type="text" name="verify" id="verify"/> <img id="verify_img" alt="点击更换" title="点击更换" src="{:U('verify',array())}"> </td> <td class="prompt" id="vef">*</td> </tr>
js文件
$("#verify_img").click(function() { var verifyURL = "verify"; var time = new Date().getTime(); $("#verify_img").attr({"src" : verifyURL + "/" + time}); });
三、ajax异步刷新验证验证码
js文件
$("#verify").keyup(function() { $.post("check_verify", {code : $("#verify").val()}, function(data) { if (data == true) { $('#vef').css('color','green'); $('#vef').html('*验证码正确'); return true } else { $('#vef').html('*验证码错误'); return false; } }); });Home/Controller下创建一个公共控制器IndexController下异步验证代码
public function check_verify($code, $id =''){ $verify = new \Think\Verify(); $res = $verify->check($code, $id); $this->ajaxReturn($res, 'json'); }