Validating forms used to be a tedious and mundane process, but thanks to the capabilities introduced with HTML5, we can finally write reusable and customizable form validation code with minimal time and effort. I hope the strategies I’ve shared in this course will make your own work go faster.
My name is Jeremy McPeak, and from all of us here at Envato Tuts+, thank you for watching!
1.Introduction2 lessons, 11:13
1.2Setting Up Your Environment09:30
2.Using the Browser's Built-in Validation6 lessons, 54:42
2.1Creating the Form09:03
2.2Introducing the Constraint Validation API09:34
2.3Displaying Unobtrusive Validation Errors08:19
2.4Generalizing Error Placement07:43
2.5Soft-Coding Error Messages08:15
2.6Validating the Entire Form11:48
3.Conclusion1 lesson, 01:02
In just the recent years, form validation has drastically changed and it certainly took its sweet time doing it. With the constraint validation API, we can finally spend less time writing validation code and rely on the browser to do the heavy lifting. All we have to do now is determine what is invalid and tell the user what to fix. Now before I leave you, I want to point out a couple of references you'll undoubtedly need to implement a complete solution. The Mozilla Developer Network, or MDN, is one of the best sources of documentation available and you can find references to the HTML5 form validation attributes as well as a reference to the validity state object. You'll find the links available in the course descriptions. Thank you so much for watching this course. Please feel free to contact me through Twitter, or the Tuts+ forums if you have any questions. From all of us here at Tuts+ thank you, and I will see you next time.