Skip to main content

Implementing reCAPTCHA v3 - #91

Published: June 25, 2022 | DevDrawer

Estimated Reading Time
1 minutes
Video Duration
55:41 minutes

If you are being bothered by spam and bot submissions on your website or a client website, reCAPTCHA is your answer. reCAPTCHA is powered by Google and stands up to most bot spam. You may have used it before or you may be interested in using it now, but with V3 you may not know where to start.

In this tutorial, we will implement reCAPTCHA V3 from start to finish and use Vanilla JS to validate and submit our form using fetch.

00:00 Intro

01:15 Setup Our File Structure

01:46 Create Our index.html

10:04 JS Form Validation

17:12 Sass Styling

22:39 Add Alert

27:27 Google reCAPTCHA Keys

29:01 Add reCAPTCHA V3 Scripts

34:08 JavaScript Fetch

35:09 PHP Validation

46:44 Presenting A Response

49:26 Thank You Page

53:08 Remove reCAPTCHA V3 Badging

Download tutorial files here:

⭐ If you would like to buy me a coffee because I created something that helped you, it would be much appreciated! :

⭐ Join this channel to get access to perks:

⭐ Become a Patreon to show support and get exclusive access to content: