Improve how forms and validation work in Blazor web apps

Module
8 Units

Intermediate

Developer

Solution Architect

Blazor

ASP.NET

Learn how to use forms in Blazor, add event handlers, and validate the data a user submits. By using Blazor form components you can validate client-side forms without writing client-side JavaScript to handle the validations.

Learning objectives

By the end of this module, you'll be able to:

Improve your app's interactivity using Blazor event handlers.
Use forms in Blazor to facilitate data entry.
Extend forms in Blazor with server and client-side validation.

Prerequisites

Basic knowledge of web app concepts
C# .NET experience at a beginner level
Local installations of the .NET SDK and Visual Studio Code
C# extension for Visual Studio Code
Experience with using the command line
Knowledge of Blazor components
Knowledge of Blazor routing and layouts

Introduction min
Attach C# code to DOM events with Blazor event handlers min
Exercise - Create a Blazor event handler for onclick events min
Take advantage of the power of Blazor forms min
Exercise - Create an address form with Blazor components min
Validate user input implicitly without writing validation code min
Exercise - Add server-side and client-side data validation to the address form min
Summary min