您的位置:首页 > 编程语言 > PHP开发

Thinkphp3.2.3验证码的显示、点击刷新、ajax异步验证

2016-04-25 14:19 811 查看
首先在Home/common目录下创建function.php文件
<?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');
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息