thinkphp5 的验证码点击刷新

浏览:12904 发布日期:2016/07/09 分类:ThinkPHP5专区 关键字: thinkphp5 验证码 刷新
tp5的验证码功能已经集成到框架中,
有些同学在使用的过程中不知道怎样才可以实现跟tp3一样的点击刷新验证码功能,其实很简单。

首先在模板中使用验证码,记得增加id属性:<div><img id="verify_img" src="{:captcha_src()}" alt="验证码" onclick="refreshVerify()">
                <a href="javascript:refreshVerify()">点击刷新</a></div>
然后增加一段js:<script>
    function refreshVerify() {
        var ts = Date.parse(new Date())/1000;
        $('#verify_img').attr("src", "/captcha?id="+ts);
    }
</script>
如果没有使用jQuery的话,可以改成:<script>
    function refreshVerify() {
        var ts = Date.parse(new Date())/1000;
        var img = document.getElementById('verify_img');
        img.src = "/captcha?id="+ts;
    }
</script>
试试看吧,很简单。
最佳答案
评论( 相关
后面还有条评论,点击查看>>