试用的场景比如:用户注册需要填写验证码,或者修改用户名密码填写验证码
1.HTML页面:
//输入框:
<input class="input2" type='text' name='check' value=''placeholder='验证码' id="make">
//验证码:
<img src="{:U('User/verify')}" id="yzm">
2.js部分:
function check(){
var code=$("input[name=check]").val();
var data = "code="+code;
$.get("__CONTROLLER__/checkcode",data,function(re){
if(re){
$("input[name=check]").css("color","green");
}else{
$("input[name=check]").css("color","red");
}
})
}
$("input[name=check]").blur(check);
$("#yzm").click(function(){
var num = Math.random();
var url = "{:U('Home/User/verify/asd/"+num+"')}";
$(this).attr("src",url);
check();
})
3.对应的user控制器部分
public function verify(){
$config =array(
'useZh' => false, // 使用中文验证码
'useImgBg' => true, // 使用背景图片
'useCurve' => false, // 是否画混淆曲线
'useNoise' => true, // 是否添加杂点
'length' => 4, // 验证码位数
'bg' => array(243, 251, 254), // 背景颜色
'fontSize' => 25, //其他属性可以自行设置~~
);
$Verify=new \Think\Verify($config);
$Verify->entry();
}
public function checkcode(){
$config=array(
'reset' => false, // 验证成功后是否重置
);
$code=I("code");
$Verify=new \Think\Verify($config);
$arr=$Verify->check($code);
echo $arr;
}