Validação de Formulários com JavaScript (Passo a Passo)

Want to learn more about our Complete Full Stack Course? Click on the link below to secure your spot in the next class: https://lp.hashtagtreinamentos.com/fu... TO ACCESS THE FREE MINI-COURSE ON HTML AND CSS: https://pages.hashtagtreinamentos.com... ----------------------------------------------------------------------- 📁 Files Used in Video: https://dlp.hashtagtreinamentos.com/f... 💻 Video recommendation: Arrow Functions in JavaScript    • Arrow Functions em JavaScript   ----------------------------------------------------------------------- If you prefer the video in .jpg format, text: https://www.hashtagtreinamentos.com/v... ----------------------------------------------------------------------- TO HIRE HASHTAG FOR YOUR COMPANY: https://www.hashtagtreinamentos.com/c... ----------------------------------------------------------------------- 🚨 Have you ever tried to validate a form and got lost on how to do it the right way? In this super practical class, you will learn how to validate forms with JavaScript the right way and with all the basics explained step by step. We'll start with a simple HTML form and, from there, show you how to prevent submission with empty fields, validate password length, use best practices with preventDefault, and even create personalized messages to help the user understand what needs to be corrected. You'll gain an in-depth understanding of the use of addEventListener, value, required, pattern, and how to apply validations combined with real-world examples. In addition, I'll show you how to use regular expressions (Regex) to apply advanced rules, and demonstrate how to perform validation via JavaScript or HTML. This class is essential for anyone who is learning web development, wants to become a Full Stack developer, and needs to create functional, secure, and professional forms. 🔔 Did you like the content? Then subscribe to the channel, activate the bell, and leave a like so you don't miss the next classes on HTML, CSS, JavaScript, and Full Stack! ----------------------------------------------------------------------- Hashtag Programming ► Subscribe to our channel: http://bit.ly/3c0LJQi ► Turn on notifications (click on the bell)! ► Like our video! ----------------------------------------------------------------------- Social Networks ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Here in the videos on the Hashtag Programming channel we teach several HTML and CSS tips so that you can develop in this programming language and create your own projects! ----------------------------------------------------------------------- Class Content 00:00 Introduction: Form validation with JavaScript 01:02 Creating a simple HTML form 03:35 How to link JavaScript to the form 04:35 Validating user data with JavaScript 06:08 EventListener in the form: how to capture interactions 07:14 Validation rules with JavaScript: step by step 10:40 Validating the form submission securely 11:38 Testing if the validation is working correctly 12:00 Form validation using only HTML 12:40 How to set the password length with JavaScript 14:00 Regex and Pattern in HTML: validation rules for forms 15:51 Conclusion #fullstack #htmlecss #html #css #javascript #hashtagprogramacao