1:前端页面
<div class="item verifycode">
<i class="icon-login-verifycode"></i>
<input type="text" name="verify" placeholder="请填写验证码" autocomplete="off">
<a class="reloadverify" title="换一张" href="javascript:void(0)">换一张?</a>
</div>
<span class="placeholder_copy placeholder_check">请填写验证码</span>
<div>
<img class="verifyimg reloadverify" alt="点击切换" src="{:U('Public/verify')}">
</div>
主要是src字段,这里是调用了U方法,会访问Public控制器的verify方法
2:js代码
//刷新验证码
// 添加Math.random()函数防止验证码不刷新
var verifyimg = $(".verifyimg").attr("src");
$(".reloadverify").click(function(){
if( verifyimg.indexOf('?')>0){
$(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
}else{
$(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
}
3:后台代码
public function verify(){
$verify = new \Think\Verify();
$verify->entry(1);
}