Skip to main content
March 22, 202312:27

Webflow Forms Masterclass: Form Validation

By Samuel Gregory

About this video

Get started with Webflow NOW! https://webflow.grsm.io/vju2g2zhpv53 In this video, we cover form validation using JavaScript. This episode is part of the Webflow Forms Master Class series, and it assumes you already know how to set up a custom form in webflow (you can learn this here: ). We validate the data coming into a form and protect it and handle errors. We cover three different levels of form validation which should be used to prevent the submission of a form before an AJAX function is run. Advanced Honeypot method: https://dev.to/felipperegazio/how-to-create-a-simple-honeypot-to-protect-your-web-forms-from-spammers--25n8 Recaptcha Setup: https://university.webflow.com/lesson/recaptcha ----- Journaling for Clarity ---- Signup and get LIFETIME access for only £4.99 Support our crowdfunding and upcoming features for the product https://journalingforclarity.vercel.app - Support me: https://buymeacoffee.com/fakesamgregory Recommended Services (Affiliate links) Namecheap (domain): https://samuelgregory.co.uk/namecheap Webflow: https://webflow.grsm.io/vju2g2zhpv53 Hostinger (hosting): https://www.hostg.xyz/aff_c?offer_id=6&aff_id=130549 Digital Ocean Spaces ($200 credit): https://samuelgregory.co.uk/digitalocean Vultr ($100 credit): https://www.vultr.com/?ref=9381598-8H - Join the Discord: https://discord.gg/WWfVjMhSjx X: https://x.com/@0x5am5 - -------------------------- ⏰ Timestamps -------------------------- 00:00 - Intro 00:35 - Setting up 1:19 - Getting values from inputs 03:19 - Creating errors 07:36 - Sponsor 8:18 - Protecting your form (Honeypot) 11:09 - Protecting your form (Native Rectaptcha) 12:10 - Outro #FullStackAgency #Pinegrow #Webflow