Blazor Basics: Forms And Validation

Part 4 of the Blazor Basics tutorial, you will learn all about how Blazor supports Forms And Validation. Forms and Validating data are important to building web applications as you need a way to present your user something that they can fill with their information and then make sure that the data they send is as expected. You will learn the component needed to make this work, and the most common components used when creating forms. Once you are done you should be able to build basic forms and with some creativity even more advanced ones. 0:00 Intro 0:34 What's a Form and What's Validation? 1:00 How Blazor Handles Forms 2:23 Project Starts 5:06 Adding the Model 8:45 Adding validation through DataAnnotations 11:52 Adding Form Component/ Start Of Form Building 14:19 Adding First Input Component 18:04 Adding Validation components: ValidationSummary and DataAnnotationsValidator 19:20 Adding the rest of the Input Components 22:12 InputSelect 25:06 Adding Data to the list 26:47 Adding the Options to the InputSelect 30:15 Beginning of How to validate submit 31:55 Watch Out For This Trap 33:54 side note on job date 34:35 OnValidSubmit And OnInvalidSubmit 36:36 In Line Error Messages ValidationMessage References and Fair Use Chill Jazzy Hip Hop Royalty Free Jazz Hop Music Maze By TobyLane Abstract Atmospheric Background by Jorik Basovkground Video by John Guccione www.advergroup.com from Pexels Blazor Forms and Validation Docs on Microsoft https://docs.microsoft.com/en-us/aspnet/core/blazor/forms-validation?view=aspnetcore-6.0