Laravel Form Validation With Google ReCAPTCHA

To integrate Google reCAPTCHA with form validation in Laravel 8.x, you can follow these steps:

Step 1: Set up Google reCAPTCHA

Go to the Google reCAPTCHA website (https://www.google.com/recaptcha) and sign in with your Google account.
Click on "My reCAPTCHA" and then “Register a new site.”
Fill in the necessary details, select reCAPTCHA v2, and add your domain(s) where you will be using reCAPTCHA.
You will receive a site-key and a secret-key. Keep these keys as you'll need them later in your Laravel application developement.

Step 2: Set up Laravel Project

If you haven't already set up a Laravel project, you can create one using Composer:

composer create-project laravel/laravel cf-captcha
cd cf-captcha

Step 3: Install Google reCAPTCHA Package

Laravel has a community package that simplifies the integration of Google reCAPTCHA. You can install it via Composer:

composer require greggilbert/recaptcha

Step 4: Configuration

Open config/app.php and add the following to the providers array:

Greggilbert\Recaptcha\RecaptchaServiceProvider::class,

Add the following to the aliases array:

'Recaptcha' => Greggilbert\Recaptcha\Facades\Recaptcha::class,

Publish the configuration file:

php artisan vendor:publish --provider="Greggilbert\Recaptcha\RecaptchaServiceProvider"

This will create a configuration file named recaptcha.php in the config folder.

Step 5: Add reCAPTCHA to Your Form

In your form view (e.g., resources/views/contact.blade.php), add the reCAPTCHA widget using the recaptcha() function:

<form method="POST" action="{!! route('submit-form') !!}">
    @csrf
    <!-- Your other form fields -->

    {!! Recaptcha::render() !!}
    
    <button type="submit">Submit</button>
</form>

Step 6: Validate reCAPTCHA

In your controller, you need to validate the reCAPTCHA response along with other form fields. First, include the required namespace at the top:

use Illuminate\Http\Request;
use Validator;

Then, add the validation logic for the reCAPTCHA field in your controller's method (e.g., in the submitForm method):

public function cfsubmitForm(Request $request)
{
    $validator = Validator::make($request->all(), [
        // Your other form field validations here
        'g-recaptcha-response' => 'required|recaptcha',
    ]);

    if ($validator->fails()) {
        return back()
            ->withErrors($validator)
            ->withInput();
    }

    // Process your form data here

    return redirect()->route('thank-you');
}

Step 7: Route and Thank You Page

Make sure to define the route for your form submission and create a "Thank You" page view.
That's it! Now your Laravel 8.x application should have form validation with Google reCAPTCHA integrated. When users submit the form, they will need to pass the reCAPTCHA verification to proceed.

Hope it can help you.

Recommended Laravel Posts For You:

Recommended: Laravel Custom Form Validation.

Recommended: File upload in Laravel storage

Recommended: Update data in laravel using ajax

Recommended: Ajax Data Fetching in Laravel

Recommended: Submit a form using AJAX in Laravel