最近玩了下Yii2的验证码部分,正常的逻辑都可以走通的,网上的例子也是没有问题的,关键有问题的部分是在module中使用的时候,分享给大家,往下看之前可以去看看正常情况下是如何使用的。
controller部分的代码,这里的跟网上的都类似
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
public function actions()
{
return [
'captcha' => [
'class' => 'yii\\captcha\\CaptchaAction',
'fixedVerifyCode' => null,
'backColor' => 0x000000, //背景颜色
'maxLength' => 6, //最大显示个数
'minLength' => 5, //最少显示个数
'padding' => 5, //间距
'height' => 40, //高度
'width' => 130, //宽度
'foreColor' => 0xffffff, //字体颜色
'offset' => 4, //设置字符偏移量 有效果
],
];
}
|
model 部分的代码【这里是需要注意的】
?
|
1
2
3
4
5
6
7
8
9
10
11
|
public function rules()
{
return [
['username', 'required', 'message' => '登录账号不能为空'],
['password', 'required', 'message' => '登录密码不能为空'],
['verifyCode', 'required', 'message' => '验证码不能为空'],
['verifyCode', 'captcha', 'captchaAction' => 'admin/default/captcha', 'message' => '验证码输入错误'],
['rememberMe', 'boolean'],
['password', 'validatePassword'],
];
}
|
rules中的verifyCode,需要加一个captchaAction对应的值,不然会出现验证码验证不通过,而且验证码的的数字也不会变化,原因应该是默认使用了site/captcha导致的
view部分的代码【由于php跟html的混排导致我无法忍受页面样式的混乱排版,所以尽量将参数配置部分拿出来】
?
|
1
2
3
4
5
6
7
8
9
10
11
|
$captchaConfig = [
'name' => 'captchaimg',
'captchaAction' => ['/admin/default/captcha'],
'template' => '<div class="form-group"><div>{image}</div></div>',
'imageOptions' => [
'id' => 'captchaimg',
'title' => '换一个',
'alt' => '换一个',
'style' => 'cursor:pointer;margin-left:25px;',
],
];
|
?
|
1
|
<?=Captcha::widget($captchaConfig);?>
|
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持快网idc。
原文链接:http://www.gowhich.com/blog/797?utm_source=tuicool&utm_medium=referral
相关文章
猜你喜欢
- ASP.NET自助建站系统的数据库备份与恢复操作指南 2025-06-10
- 个人网站服务器域名解析设置指南:从购买到绑定全流程 2025-06-10
- 个人网站搭建:如何挑选具有弹性扩展能力的服务器? 2025-06-10
- 个人服务器网站搭建:如何选择适合自己的建站程序或框架? 2025-06-10
- 64M VPS建站:能否支持高流量网站运行? 2025-06-10
TA的动态
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
- 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
- 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
- 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
- 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
快网idc优惠网
QQ交流群
您的支持,是我们最大的动力!
热门文章
-
2025-05-29 14
-
2025-05-27 75
-
轻量云服务器在容器即服务(CaaS)和平台即服务(PaaS)中如何使用?
2025-05-25 18 -
2025-05-27 38
-
使用Tomcat Native提升Tomcat IO效率的方法详解
2025-05-26 48
热门评论

