验证码第一次异步校验成功，二次失败问题解决 - cncml手绘网

<?php
1 ?. Z4 D( a% G0 s/ I# W9 @5 R
namespace Home\Controller;
# a$ d0 _5 e; p0 r2 Y; G3 L
- O( k5 I' V& |' b2 l2 f
use Think\Controller;/ k* D: ^3 w5 d R0 I' u* v
use Think\Verify;2 V( ]" l. E2 I5 Q7 `' j" w5 L
2 n" K, U8 ^$ _. X- A2 ~$ Q+ d
class PublicController extends Controller
0 c5 _5 t0 o- z' [) b
{
0 f# ^2 N: _ w7 K; U' T- Q
! j4 |, [% s6 H+ s! j# ]) f
/* 生成验证码 */
/ @0 X0 ^( L2 n+ V( W& {
public function verify()
2 [0 v) N9 M n) O( i
{
9 D* `: Q0 H' w# N- e
$config = [4 d9 W N1 M- Z8 H) v
'fontSize' => 19, // 验证码字体大小/ s. M3 M6 I( C5 N( P2 f+ K! I! T1 B
'length' => 4, // 验证码位数
- n+ E) e. }, I% V, T
'imageH' => 34
4 v d) d& h5 U1 c
];
9 {% N9 l1 T0 y+ M/ u
$Verify = new Verify($config);$ ?9 F' K7 B4 O" M7 B5 \
$Verify->entry();
8 {( t; `; @% j& i
}
5 @. m0 I( q1 F$ S: o. `# q7 r! J
) y. s! F, O! }: U
/* 验证码校验 */
) u0 d" f$ P" y9 r$ G) a _
public function check_verify($code, $id = '')' ]7 ^" Z( c. g; z% M( t
{+ B" t) Z, N2 Q* k
$verify = new \Think\Verify();8 q* o% M! p; `" _/ w
$res = $verify->check($code, $id);
$ }8 ?1 Y/ ]6 K* B# \% t5 q
$this->ajaxReturn($res, 'json');
7 o$ h, L) F) A c I! k
}
2 `) K% @; S5 V+ g9 F& y
}

复制代码

<div class="">
# V: z1 w5 y# [9 _2 k5 b8 M
<label for="j_verify" class="t">验证码：</label> <input id="j_verify"
9 V4 w2 |1 B2 x; H6 j7 ~; E
name="j_verify" type="text" class="form-control x164 in">
! f5 h% `& Q) ?/ w5 F& A! A
<img id="verify_img" alt="点击更换" title="点击更换") ~/ n% ~/ I4 b9 \0 H- Z
src="{:U('public/verify',array())}" class="m">
</div>

复制代码

$("#verify_img").click(function() {
- U1 N) G/ [/ F- x; _; I1 _2 o. p
var verifyURL = "public/verify";* v4 @( J6 R2 q+ p- d2 ] _: |
var time = new Date().getTime();
# {% k' z+ D r! b6 q* a
$("#verify_img").attr({& F$ ~0 L+ ~6 b& a" O
"src" : verifyURL + "/" + time
5 n" e7 }: J, M/ @2 V
});6 t/ D; @( f% m) b& U
});

复制代码

$("#j_verify").keyup(function() {; |6 t! b$ S. \ g
$.post("public/check_verify", {
5 Q# m d' e& b) B; @
code : $("#j_verify").val()0 `" K0 b/ X; v# r t8 b" ~; Z& g
}, function(data) {
, C: Y2 U" [& y# e
if (data == true) {6 a& C+ [3 T& U- D6 s
//验证码输入正确
$ A* C/ I- X" I0 \. e, F2 p
} else {
; o- S6 h5 [$ `# ^! H" }1 c
//验证码输入错误5 a! ?9 p- d5 G2 i
}
- \* \/ W1 g# K/ o) Z
});
3 |& r4 N1 ]9 y! v0 Y& o: V
});

复制代码

protected $config = array(
! G- E u, }! N% d J: W: u
'seKey' => 'ThinkPHP.CN', // 验证码加密密钥( U, i& I( y# N ?9 }
'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY', // 验证码字符集合
4 b& Q: U: I# ~, G& l! o- O) J% A$ R
'expire' => 1800, // 验证码过期时间（s）
2 h9 S1 p' ?, w+ P; C6 \. x: A
'useZh' => false, // 使用中文验证码
. @$ k1 K; i% R) M( B: U7 Z# n
'zhSet' => '……此处不粘贴了，太多了！', // 中文验证码字符串) a+ l( M: i9 n! T2 z7 g
'useImgBg' => false, // 使用背景图片
8 n! Z9 C9 w- p v1 a1 S7 v3 k
'fontSize' => 25, // 验证码字体大小(px)* k) [" l. U7 g% F. i+ L2 D
'useCurve' => false, // 是否画混淆曲线4 m9 _0 I# y( ?2 e& h# T
'useNoise' => false, // 是否添加杂点 l9 N, }8 a' p5 b% Q
'imageH' => 0, // 验证码图片高度" Z% C) r) y' H$ a/ J1 w
'imageW' => 0, // 验证码图片宽度
, |0 K/ }# w* i5 o" j
'length' => 5, // 验证码位数/ v* h/ @5 L7 T! D" Q
'fontttf' => '', // 验证码字体，不设置随机获取
: S; l0 e# T4 e* g
'bg' => array(243, 251, 254), // 背景颜色( k: F- K0 ~/ V) k' H
'reset' => true, // 验证成功后是否重置
6 G% k8 M: I& Z* \, Y" d
);

复制代码

请大家注意最后一个属性reset 表示的是验证成功后是否重置验证码。相信大家都明白了吧，我们进行第一次校验通过之后，其实该验证码已经失效了，只不过因为我们采取的是异步校验，页面并没有刷新，导致了第二次申请校验的时候和系统产生的已经是不相同的了。所以如果大家喜欢这种两次校验的风格，可以考虑将reset配置为false即可。