Laravel5系列的验证码添加通用,使用第三方验证码即可完美实现。这里记录下具体步骤吧,以备不时之需。

第一步:使用composer 安装 验证码库

composer require mews/captcha

第二步:注册providers (config/app.php) ,在这个数组中的最后追加如下代码:

Mews\Captcha\CaptchaServiceProvider::class,

第三步:注册aliases (config/app.php),在这个数组中的最后追加如下代码:

'Captcha' => Mews\Captcha\Facades\Captcha::class,

第四步:生成配置文件,在Composer命令行中输入如下命令:

php artisan vendor:publish

进入config/captcha.php 文件,修改default 数组 可以对验证码进行样式、数量、大小上的修改。

'default'   => [
'length' => 5,
'width' => 100,
'height' => 34,
'quality' => 90,
],

页面中使用:

<div class="row">
<div class="col-md-8">
<input type="text" class="form-control {{$errors->has('captcha')?'parsley-error':''}}" name="captcha" placeholder="captcha">
</div>
<div class="col-md-4">
<img src="{{captcha_src()}}" style="cursor: pointer" onclick="this.src='{{captcha_src()}}'+Math.random()">
</div>
@if($errors->has('captcha'))
<div class="col-md-12">
<p class="text-danger text-left"><strong>{{$errors->first('captcha')}}</strong></p>
</div>
@endif
</div>

第五步:验证码校验规则添加:(重写AuthController 登录验证方法,并自定义提示信息)

$this->validate($request, [
$this->loginUsername() => 'required',
'password' => 'required',
'captcha' => 'required|captcha',
],[
'captcha.required' => trans('validation.required'),
       'captcha.captcha' => trans('validation.captcha'),
]);

截止到目前为止,验证码就实现了。不过这里还遗留一个小小的问题。就是验证码校验失败后,错误提示语言为英文。


这里介绍两种办法,第一种很简单,直接将上面红色代码替换为下面的即可!

 'captcha.required' => trans('抱歉,验证码必填'),
'captcha.captcha' => trans('验证码不正确'),

第二种就麻烦一点了,不过这里推荐这种“不偷懒”的方法。

字体库的下载与切换:

首先需要下载字体库。下载完成后,将压缩包中 src/zh-CN 文件夹拷贝到项目目录的 resources/lang 文件夹下。

修改 config->app.php 文件,修改代码如下:

'locale' => 'zh-CN',

由于captcha在中文包中没有中文解释,所以需要手动添加中文解释,具体操作如下:

打开 resources/zh-CN/validation.php,在总数组中追加如下键值对:

'captcha'                  => ':attribute 不正确。',

在 attributes 数组中追加如下键值对:

'captcha'               => '验证码',

好了,到此为止使用第三方扩展实现验证码就可以实现了。

最新文章

  1. web app iphone4 iphone5 iphone6 响应式布局 适配代码
  2. 在centos6.7用yum安装redis解决办法
  3. Magento的基本架构解析
  4. MySQL的下载与安装 和 navicat for mysql 安装使用
  5. WCF学习目的
  6. Manacher算法
  7. 轻量级应用开发之(06)Autolayout自动布局2
  8. 开发者必须知道的HTML5十五大新特性
  9. CANoe 入门 Step by step系列(三)简单例子的剖析【转】
  10. C# Environment类_获取程序所在机器信息
  11. C#程序读取MAC地址的五种方法(转)
  12. NGINX----源码阅读----init配置脚本
  13. 源码分析——从AIDL的使用开始理解Binder进程间通信的流程
  14. 201521123007《Java程序设计》第14周学习总结
  15. Nim or not Nim? hdu3032 SG值打表找规律
  16. octave中的一些基本操作
  17. -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable a
  18. Linux、CentOS7下JDK环境配置
  19. 重建控制文件报错 ORA-01503 ORA-01192
  20. disconf-client-for-java

热门文章

  1. Django基础学习六之渲染
  2. Connection Lifetime
  3. AlexNet 2012
  4. Luogu 4602 [CTSC2018]混合果汁
  5. 20172325《Java程序设计》第一周学习总结
  6. W-D-S-Nandflash
  7. 小程序报错Do not have xx handler in current page的解决方法
  8. 转 group_concat函数详解
  9. Javascript 知识遗漏点梳理。
  10. JSTL 标签库&lt;转&gt;