• Thinkphp 3.2 添加 验证码 如何添加。


    1,在home模块indexController.class.php中,加入以下代码

    <?php
    namespace HomeController;
    use ThinkController;
    class BookController extends Controller {
    
        public function verify_c(){
            $Verify = new ThinkVerify();
            $Verify->fontSize = 18;
            $Verify->length   = 4;
            $Verify->useNoise = false;
            $Verify->codeSet = '0123456789';
            $Verify->imageW = 130;
            $Verify->imageH = 50;
            //$Verify->expire = 600;
            $Verify->entry();
        }
      
       
        public function img(){
           $this->display();
        }
    
    }

    2. 在img 视图中,加入以下代码

    <script type="text/javascript" src="__PUBLIC__/js/jquery2.0.3.min.js"></script>
    <p class="top15 captcha" id="captcha-container">
        <input name="verify" width="50%" height="50" class="captcha-text" placeholder="验证码" type="text">
        <img width="100" class="left15" height="50" alt="验证码" src="{:U('Home/Book/verify_c',array())}" title="点击刷新">
    </p>
            <script type="text/javascript">
                $(function(){
                    var captcha_img = $('#captcha-container').find('img');
                    var verifyimg = captcha_img.attr("src");
                    captcha_img.attr('title', '点击刷新');
                    captcha_img.click(function(){
                        if( verifyimg.indexOf('?')>0){
                            $(this).attr("src", verifyimg+'&random='+Math.random());
                        }else{
                            $(this).attr("src", verifyimg.replace(/?.*$/,'')+'?'+Math.random());
                        }
                    });
                })
            </script>

    这样就可以了,就能显示出 验证码了。

    参考学习 网址:http://blog.csdn.net/yafei450225664/article/details/40424025

  • 相关阅读:
    Eclipse编辑JS响应慢,复制粘贴卡顿的解决方案
    Oracle 通过字段名查询其所在的表
    spring mvc流转控制说明
    Iterable(迭代器)的用法
    spring事务配置详解
    创建第一个Hiberntae工程
    spring3.0注解
    Ext中Grid重新load设置URL
    spring框架设计理念(上)
    Eclipse快捷键大全
  • 原文地址:https://www.cnblogs.com/xiaoxiao2014/p/4138000.html
Copyright © 2020-2023  润新知