Add Google Recaptcha in Laravel Jetstream and Breeze Registration

To prevent bots from registering into your web app you can add a Captcha. In this tutorial, I will show you how to add Google reCAPTCHA to the register page in Laravel Breeze and Jetstream.

Step 1. Custom Validation Rule

We will validate the recaptcha after submitting the form. So first, we will create a custom validation rule.

php artisan make:rule Recaptcha

This will create a file app/Rules/Recaptcha.php. In this rule we need to do:

  • Send an HTTP post request to Google to verify the captcha. We need to send the secret key, recaptcha token, and user IP.
  • Check if the response is successful, and if the returned score is bigger then minimal is set.
  • If everything passes return true, otherwise return false.


use Illuminate\Support\Facades\Http;
class Recaptcha implements Rule
public function passes($attribute, $value)
$response = Http::asForm()->post("", [
'secret' => config('services.recaptcha.secret_key'),
'response' => $value,
'ip' => request()->ip(),
if ($response->successful() && $response->json('success') && $response->json('score') > config('services.recaptcha.min_score')) {
return true;
return false;
public function message()
return 'Failed to validate ReCaptcha.';

We store values from Google reCAPTCHA into config/services.php:

return [
// ...
'recaptcha' => [
'site_key' => env('RECAPTCHA_SITE_KEY'),
'secret_key' => env('RECAPTCHA_SECRET_KEY'),
'min_score' => env('RECAPTCHA_MIN_SCORE', .5),

Step 2. Prepare Layout for reCAPTCHA

To use reCAPTCHA we need to add some scripts.


<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>{{ config('', 'Laravel') }}</title>
<!-- Fonts -->
<link rel="preconnect" href="">
<link href=",500,600&display=swap" rel="stylesheet" />
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
<script src="{{ config('services.recaptcha.site_key') }}"></script>
<div class="font-sans text-gray-900 antialiased">
{{ $slot }}


<form method="POST" action="{{ route('register') }}">
<form method="POST" action="{{ route('register') }}" id="registerForm">
// ...
grecaptcha.ready(function () {
document.getElementById('registerForm').addEventListener("submit", function (event) {
grecaptcha.execute('{{ config('services.recaptcha.site_key') }}', { action: 'register' })
.then(function (token) {
document.getElementById("recaptcha_token").value = token;

Step 3. Use Validation Rule

All that is left is to add our created custom validation rule to usage. In Breeze and Jetstream, registration is done in different files.

Laravel Breeze


use App\Rules\Recaptcha;
class RegisteredUserController extends Controller
public function create(): View
return view('auth.register');
public function store(Request $request): RedirectResponse
'name' => ['required', 'string', 'max:255'],
'email' => ['required', 'string', 'email', 'max:255', 'unique:'.User::class],
'password' => ['required', 'confirmed', Rules\Password::defaults()],
'recaptcha_token' => ['required', new Recaptcha()]
$user = User::create([
'name' => $request->name,
'email' => $request->email,
'password' => Hash::make($request->password),
event(new Registered($user));
return redirect(RouteServiceProvider::HOME);

Laravel Jetstream


use App\Rules\Recaptcha;
class CreateNewUser implements CreatesNewUsers
use PasswordValidationRules;
public function create(array $input): User
Validator::make($input, [
'name' => ['required', 'string', 'max:255'],
'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
'password' => $this->passwordRules(),
'terms' => Jetstream::hasTermsAndPrivacyPolicyFeature() ? ['accepted', 'required'] : '',
'recaptcha_token' => ['required', new Recaptcha()],
return User::create([
'name' => $input['name'],
'email' => $input['email'],
'password' => Hash::make($input['password']),

That's it for this tutorial. I hope now your web app will have no bots.


Great article!

I am implementing this in all of my projects.

However, recently I converted a form to a Livewire component and I can't seem to get Google Recaptcha to work.

It would be great if you could also write something about this.


It sounds like needs debugging for your personal project, we can't really guess how you structured the code in your Livewire component, so can't write about exactly your situation.

Unless you put your code somewhere on GitHub so we would be able to reproduce and then provide advice with a tutorial.


Thank you, Povilas.

With the help of ChatGPT, I was able to solve the problem.

Instead of using Livewire, I directly used Alpine JS.

I performed axios post operations within the grecaptcha.execute expression.

Previously, I couldn't send the token value received from Google to the backend in any way.

Like our articles?

Become a Premium Member for $129/year or $29/month

Recent Premium Tutorials