Laravel 5.7 – Google Recaptcha Code with Validation

Laravel 5.7 – Google Recaptcha Code with Validation

In this post we will give you information about Laravel 5.7 – Google Recaptcha Code with Validation. Hear we will give you detail about Laravel 5.7 – Google Recaptcha Code with ValidationAnd how to use it also give you demo for it if it is necessary.

In this article, we will implement Recaptcha in forms in Laravel 5.7. i write step by step tutorial of how to use google captcha using ‘anhskohbo/no-captcha’ package in laravel 5.7 application. you can simple use google re-captcha code in your registration form too.

Google ReCaptcha is a captcha like system, that provide security against hackers and sticks or curl requests. It assures that a computer user is a human. It is the best and most used captcha system available where users are only required to click on a checkbox and in some cases select some similar images related to conman question.

In this example, we will create simple registration form and implement google captcha code. before use google captcha code we will install “anhskohbo/no-captcha” composer package for google captcha. You have to just follow few step and you will get google re-captcha code in your laravel 5.7 app.

Step 1 : Download Laravel 5.7

first of all we need to get fresh Laravel 5.7 version application using bellow command, So open your terminal OR command prompt and run bellow command:

composer create-project --prefer-dist laravel/laravel blog

Step 2: Install anhskohbo/no-captcha Package

In this step we need to install anhskohbo/no-captcha via the Composer package manager, so one your terminal and fire bellow command:

composer require anhskohbo/no-captcha

After successfully install package, we require to add aliases and service provider.

config/app.php

<?php

return [

.....

'providers' => [

.....

AnhskohboNoCaptchaNoCaptchaServiceProvider::class

],

'aliases' => [

.....

'NoCaptcha' => AnhskohboNoCaptchaFacadesNoCaptcha::class,

]

]

Step 3: Update Google API Key

In this step we need to set google site key and secret key. If you don’t have site key and secret key then you can create from here. First click on this link : Recaptcha Admin

After click you can see bello view and you need register your site link this way:

Ok, after sucessfully register you can get site key and secret key from like bellow preview.

Now open .env file and add this two variable

.env

NOCAPTCHA_SITEKEY=[site-key]

NOCAPTCHA_SECRET=[secret-key]

Step 4: Add Route

In this is step we need to create routes for display view and ajax method. so open your “routes/web.php” file and add following route.


routes/web.php

Route::get('site-register', 'SiteAuthController@siteRegister');

Route::post('site-register', 'SiteAuthController@siteRegisterPost');

Step 5: Create SiteAuthController

In this step, we have to create new controller as SiteAuthController and we have also need to add two methods siteRegister() and siteRegisterPost() on that controller like as you can see bellow:

app/Http/Controllers/SiteAuthController.php

<?php

namespace AppHttpControllers;

use IlluminateHttpRequest;

class SiteAuthController extends Controller

{

/**

* Create a new controller instance.

*

* @return void

*/

public function siteRegister()

{

return view('siteRegister');

}

/**

* Create a new controller instance.

*

* @return void

*/

public function siteRegisterPost(Request $request)

{

$this->validate($request, [

'name' => 'required',

'email' => 'required|email',

'password' => 'required|same:password_confirmation',

'password_confirmation' => 'required',

'g-recaptcha-response' => 'required|captcha',

]);

print('done');

}

}

Step 6: Create View File

In Last step, let’s create siteRegister.blade.php(resources/views/siteRegister.blade.php) for layout and lists all items code here and put following code:

resources/views/siteRegister.blade.php

Also see:Implement Flash Message with Laravel 5.7

<!DOCTYPE html>

<html>

<head>

<title>Laravel 5.7 - Google Recaptcha Code with Validation - ItSolutionStuff.com</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

{!! NoCaptcha::renderJs() !!}

</head>

<body>

<div >

<div >

<div >

<div >

<div >Register - ItSolutionStuff.com</div>

<div >

<form role="form" method="POST" action="{{ url('/site-register') }}">

{!! csrf_field() !!}

<div >

<label >Name</label>

<div >

<input type="text" name="name" value="{{ old('name') }}">

@if ($errors->has('name'))

<span >

<strong>{{ $errors->first('name') }}</strong>

</span>

@endif

</div>

</div>

<div >

<label >E-Mail Address</label>

<div >

<input type="email" name="email" value="{{ old('email') }}">

@if ($errors->has('email'))

<span >

<strong>{{ $errors->first('email') }}</strong>

</span>

@endif

</div>

</div>

<div >

<label >Password</label>

<div >

<input type="password" name="password">

@if ($errors->has('password'))

<span >

<strong>{{ $errors->first('password') }}</strong>

</span>

@endif

</div>

</div>

<div >

<label >Confirm Password</label>

<div >

<input type="password" name="password_confirmation">

@if ($errors->has('password_confirmation'))

<span >

<strong>{{ $errors->first('password_confirmation') }}</strong>

</span>

@endif

</div>

</div>

<div >

<label >Captcha</label>

<div >

{!! app('captcha')->display() !!}

@if ($errors->has('g-recaptcha-response'))

<span >

<strong>{{ $errors->first('g-recaptcha-response') }}</strong>

</span>

@endif

</div>

</div>

<div >

<div >

<br/>

<button type="submit" >

<i ></i>Register

</button>

</div>

</div>

</form>

</div>

</div>

</div>

</div>

</div>

</body>

</html>

Now you can simply run and check…

I hope it can help you….

Hope this code and post will helped you for implement Laravel 5.7 – Google Recaptcha Code with Validation. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

  +  42  =  48

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US