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

<?php
0 y3 p; d1 u/ v& `( v7 W4 w. c' W5 L
namespace Home\Controller;1 U! o; L( ?# Z! ]( o- m- f- [# ?) l
" _7 C, N) c2 L% H" B/ L
use Think\Controller;% I8 }& H7 @! W B
use Think\Verify;
: F' }; B+ M: X. S2 T
# w; j9 T# K' C! ^% r
class PublicController extends Controller
{# Z7 b$ t' L. B9 C
* Z" i# T1 s' T
/* 生成验证码 */" q0 w2 y1 c' A7 O$ Q) t
public function verify()8 u" U& m" r6 \/ t" G9 _
{6 V) _& X1 t$ e: n6 M9 ?
$config = [
6 ~: C' }0 g( o2 b# ?/ ]
'fontSize' => 19, // 验证码字体大小
. K g) F9 I2 p! [- ~
'length' => 4, // 验证码位数
6 u' s+ O, l3 z: x. m% W& ]
'imageH' => 34 }- h, C4 w0 c- e
];; h; R' Y E, m2 G2 c6 D
$Verify = new Verify($config);, o7 M( w* t% p5 R& W
$Verify->entry();
+ y* h3 `6 a0 c( Z' o: m+ C
}; R K+ S- D3 F, q0 B
% m& W- A# Z# `) X2 J
/* 验证码校验 */- M' z% c2 ]1 g1 C( ~
public function check_verify($code, $id = '')8 ^7 S; @2 [& f3 @0 \$ J( {
{; d; H$ \3 }) Z+ A
$verify = new \Think\Verify();$ a0 z7 k/ B T) P7 y9 p4 X @9 z( Z
$res = $verify->check($code, $id);6 e* N* N7 u& G$ ^
$this->ajaxReturn($res, 'json');
. D* F) g( w1 N( j3 c9 J- x! Z
}0 Q" n* b+ g* P: P
}

复制代码

<div class="">6 l9 h$ [7 \' s! K( O: B
<label for="j_verify" class="t">验证码：</label> <input id="j_verify"" X$ M8 u1 c7 K: u3 J
name="j_verify" type="text" class="form-control x164 in">
' g4 z6 k- {2 O3 d5 `& O" y
<img id="verify_img" alt="点击更换" title="点击更换"/ Q2 G" [* M0 g2 v
src="{:U('public/verify',array())}" class="m">
4 Q. m) r. O7 F0 j! d ]+ I
</div>

复制代码

$("#verify_img").click(function() {& T7 A9 n$ X5 ~! z) L) |+ ~
var verifyURL = "public/verify";
# J6 B* |6 T2 v9 I
var time = new Date().getTime();
# D3 B, U7 C/ Z6 i3 [
$("#verify_img").attr({) A0 [: w0 s+ m& N$ g
"src" : verifyURL + "/" + time
: M* v3 D+ C0 B& I8 D
});6 V! s& R) R- n9 v
});

复制代码

$("#j_verify").keyup(function() {( d( O5 ?7 ^! w8 Q% h+ E3 _! q8 B
$.post("public/check_verify", {7 b' t0 X6 o2 c8 J* D8 _7 R
code : $("#j_verify").val()) E9 j8 r* p5 z4 G6 U
}, function(data) {$ J; y# F( |6 b7 i3 P
if (data == true) {" a. z4 F' w- I1 v, h2 ~
//验证码输入正确
. s* n: L7 R/ \# m( E
} else {
3 ^$ u9 `9 j6 P4 G& j/ F4 e- v
//验证码输入错误2 b% I! I5 T3 {# Q, e" L9 T# D
}3 H4 n& C5 t6 r
});
* K8 n ]* m7 u2 T6 l0 @/ K
});

复制代码

protected $config = array(
! X$ V H0 V4 g' _
'seKey' => 'ThinkPHP.CN', // 验证码加密密钥2 |+ n7 h% j" w6 C6 X
'codeSet' => '2345678abcdefhijkmnpqrstuvwxyzABCDEFGHJKLMNPQRTUVWXY', // 验证码字符集合
& A& z6 n4 ~* _; H V
'expire' => 1800, // 验证码过期时间（s）% k ? l4 _) Y6 X1 r
'useZh' => false, // 使用中文验证码
/ ^9 l- Y$ Z* Y$ ^9 [' b
'zhSet' => '……此处不粘贴了，太多了！', // 中文验证码字符串8 B) v* n6 }' T! c" C9 }9 {% U
'useImgBg' => false, // 使用背景图片 $ z2 U$ T9 Z& L; ^5 D4 d
'fontSize' => 25, // 验证码字体大小(px)7 b( s" G. _- a
'useCurve' => false, // 是否画混淆曲线
# K- O. L: R) r
'useNoise' => false, // 是否添加杂点 9 F# w5 N! e0 G
'imageH' => 0, // 验证码图片高度
8 D- R4 _2 i. | P8 j: Q: F
'imageW' => 0, // 验证码图片宽度, U: w8 m. w" [4 |& l0 a
'length' => 5, // 验证码位数& l3 G: A& ^' M& _+ O
'fontttf' => '', // 验证码字体，不设置随机获取 w6 J+ L$ C4 Y, D9 v% ?
'bg' => array(243, 251, 254), // 背景颜色, X' l a1 R# q3 K; b1 k2 [" o& ~
'reset' => true, // 验证成功后是否重置
! c5 u- m3 S0 A+ n4 {0 {1 Z
);

复制代码

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