html部分:
<li class="verify">
<input type="text" name="verify" id="verify" />
<img src="__CONTROLLER__/verifyImg" on
</li>
<li class="ti
js部分:
$("#verify").blur(function(){
$.post("__CONTROLLER__/verifyyz",{verify:$(this).val()},function(data){
console.log(data);
if(data==0){
$(".verify2").html("验证码输入错误").css("color","red");
}else{
$(".verify2").html("输入正确").css("color","green");
}
});
})
控制器部分:
function verifyyz(){
$config=array(
'reset' => false
);
$verify=new \Think\Verify($config);
if($verify->check($_POST["verify"])){
$this->ajaxReturn(1);
}else{
$this->ajaxReturn(0);
}
}
function verifyImg(){
ob_clean();
$config = array(
'expire' => 1800, // 验证码过期时间(s)
'fontSize' => 12, // 验证码字体大小(px)
'useCurve' => false, // 是否画混淆曲线
'useNoise' => true, // 是否添加杂点
'imageH' => 25, // 验证码图片高度
'imageW' => 100, // 验证码图片宽度
'length' => 4, // 验证码位数
'fontttf' => '4.ttf', // 验证码字体,不设置随机获取
'bg' => array(243, 251, 254), // 背景颜色
'reset' => false, // 验证成功后是否重置
);
$verify = new \Think\Verify($config);
$verify->entry();
}
最佳答案