html:
<div class="form-group">
<input type="text" name="verify" class="form-control" id="verify" required placeholder="请输入验证码" autocomplete="off">
</div>
<div class="form-group">
<img src="{:U('Public/verify')}" onclick='this.src=this.src+"?";' style="cursor:pointer;border: 1px solid #dcdcdc;border-radius: 5px;"/>
<button type="button" class="btn btn-default" style="width: 212px;height: 37px;" id="verify_img" onclick="var verify = $(this).closest('.form-group').find('img').attr('src');$(this).closest('.form-group').find('img').attr('src',verify+'?');">换一张</button>
</div>
控制器
public function verify() {
$config = array(
'codeSet' => '123456789', // 验证码字符集合
'useImgBg' => false, // 使用背景图片
'fontSize' => 14, // 验证码字体大小(px)
'useCurve' => false, // 是否画混淆曲线
'useNoise' => false, // 是否添加杂点
'length' => 4, // 验证码位数
'bg' => array(255, 255, 255), // 背景颜色
);
$Verify = new \Think\Verify($config);
$Verify->entry();
}
public function codeyanzheng(){
$Verify = new \Think\Verify();
$yanzhengma = $Verify->check(I('post.verify'));
if($yanzhengma == false){
$this->error('验证码错误',U('Public/register'));
exit;
}
}