tp5验证码的基本使用和自定义配置项

最新推荐文章于 2023-08-27 19:47:34 发布

milli236

最新推荐文章于 2023-08-27 19:47:34 发布

阅读量1.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： tp5 文章标签： tp5验证码

本文链接：https://blog.youkuaiyun.com/milli236/article/details/86625289

tp5 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了TP5框架中验证码的基本使用方法，包括页面端的引入、控制器的接收与验证。同时，详细讲解了如何进行自定义配置，通过在`config.php`文件末尾追加配置项。针对登陆时验证码不自动刷新的问题，提出了解决方案，即在img元素中添加id='valicode'，并在body的onload事件中调用captcha()函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.页面端引入

{:captcha_img()} 
或者
<img src="{:captcha_src()}" alt="">
点击自动刷新
<img src="{:captcha_src()}" alt="" onclick="this.src='{:captcha_src()}' ">

2.控制器接收并验证

// 验证验证码
    		if (captcha_check($data['valicode'])) {
    			$this->success("验证码正确");
    		}else{
                $this->error("验证码错误");
            }

3.自定义配置项 C:\xampp\htdocs\tp\tp5\application 下的config.php文件末尾追加

    //分页配置

    ...

    // 应用配置：验证码
    'captcha' => [
        /*验证码字符集合*/
        'codeSet' => '123456789',
        /*切换为中文验证码*/
        'useZh' => true,
        /*中文验证字符集合*/
        'zhSet' => '你好',
        /*验证码的位数*/
        'length' => 4,
    ],

tp5源码系统里的验证文件C:\xampp\htdocs\tp\tp5\vendor\topthink\think-captcha\src 下的captcha.php原始配置项

登陆错误后，返回页面后验证码没有自动刷新问题解决：img元素添加id="valicode"，在body里 onload调下captcha()函数

function captcha() { 
	var captcha = document.getElementById('valicode'); 
	captcha.src = '{:captcha_src()}?' + 'rand=' + Math.random(); 
}