ThinkPHP3.2.3验证码显示、刷新、校验 ,具体如下:
显示验证码
首先在Home/Controller下创建一个公共控制器PublicController
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<?php
namespace Home\Controller;
use Think\Controller;
use Think\Verify;
class PublicController extends Controller
{
/* 生成验证码 */
public function verify()
{
$config = [
'fontSize' => 19, // 验证码字体大小
'length' => 4, // 验证码位数
'imageH' => 34
];
$Verify = new Verify( $config );
$Verify ->entry();
}
/* 验证码校验 */
public function check_verify( $code , $id = '' )
{
$verify = new \Think\Verify();
$res = $verify ->check( $code , $id );
$this ->ajaxReturn( $res , 'json' );
}
}
|
verify函数用于生成验证码,config是用来配置显示验证码的属性。该属性有哪些可配置项,可以查看Thinkphp/Library/Think/Verify.class.php文件,此处不再赘述。
check_verify函数用于校验验证码的正确性。模板post用户填写的验证码到该函数,返回$res==true验证通过false验证失败。
前台模板页建立index.html
1
2
3
4
5
6
|
< div class = "" >
< label for = "j_verify" class = "t" >验证码:</ label > < input id = "j_verify"
name = "j_verify" type = "text" class = "form-control x in" >
< img id = "verify_img" alt = "点击更换" title = "点击更换"
src = "{:U('public/verify',array())}" class = "m" >
</ div >
|
使用Thinkphp的U方法形成生成验证码的图片。
点击刷新验证码
从上面产生验证码的链接我们可以看出,域名/public/verify即可产生验证码。Thinkphp的验证码生成机制是,如若我们需要产生新的验证码,在该链接后加入一个变量值即可。
我们可以考虑实现public/verify/变量值的形式URL。
1
2
3
4
5
6
7
|
$( "#verify_img" ).click( function () {
var verifyURL = "public/verify" ;
var time = new Date ().getTime();
$( "#verify_img" ).attr({
"src" : verifyURL + "/" + time
});
});
|
利用JS获取当前时间戳加入到URL之后即可。
到此我们即可实现验证码的点击刷新功能。具体表现形式,自己随意哈。
异步校验验证码
大家一定见过在某些网站,我们输入验证码的时候,输入的过程中文本框后面一直显示错误,直到我们输入争取的时候会先提示验证码正确的形式。下面代码就可以实现:
1
2
3
4
5
6
7
8
9
10
11
|
$( "#j_verify" ).keyup( function () {
$.post( "public/check_verify" , {
code : $( "#j_verify" ).val()
}, function (data) {
if (data == true) {
//验证码输入正确
} else {
//验证码输入错误
}
});
});
|
利用onekeyup。原理就不需要多讲了吧!
这样我们就可以实现在提交用户名密码之前先进行一次验证码校验,之后表单提交之后再进行一次校验,提升用户体验啦!
还没结束:
当我们采取以上形式实现验证码两次校验的时候,肯定会出现第一次异步校验成功,但是提交表单却提示验证码错误的情况!其实原因还是出在Thinkphp的Verify.class.php上:
以下是该类初始的config配置:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
protected $config = array (
'seKey' => 'ThinkPHP.CN' , // 验证码加密密钥
'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY' , // 验证码字符集合
'expire' => 1800, // 验证码过期时间(s)
'useZh' => false, // 使用中文验证码
'zhSet' => '……此处不粘贴了,太多了!' , // 中文验证码字符串
'useImgBg' => false, // 使用背景图片
'fontSize' => 25, // 验证码字体大小(px)
'useCurve' => false, // 是否画混淆曲线
'useNoise' => false, // 是否添加杂点
'imageH' => 0, // 验证码图片高度
'imageW' => 0, // 验证码图片宽度
'length' => 5, // 验证码位数
'fontttf' => '' , // 验证码字体,不设置随机获取
'bg' => array (243, 251, 254), // 背景颜色
'reset' => true, // 验证成功后是否重置
);
|
请大家注意最后一个属性reset 表示的是验证成功后是否重置验证码。相信大家都明白了吧,我们进行第一次校验通过之后,其实该验证码已经失效了,只不过因为我们采取的是异步校验,页面并没有刷新,导致了第二次申请校验的时候和系统产生的已经是不相同的了。所以如果大家喜欢这种两次校验的风格,可以考虑将reset配置为false即可。
好了,基于Thinkphp3.2.3的验证码问题今天就总结到这了。只是大概说了一下实现方法,具体内容还请大家参考TP官方手册。如有错误之处,欢迎大家指出。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。
原文链接:http://www.cnblogs.com/John727/p/4510539.html