Blazor TextBox - Form Validation

TextBox / Validation

This example is used to validate form using the Data Annotation. Type the value in the input element. If the input value is valid, then the given input will be ready to submit. Otherwise, an error message will be shown until you enter the valid value.

Loading Syncfusion Blazor Server Demos…

The form enables the validation with data annotation attributes by clicking on the submit externally. All rules are validated by the DataAnnotationsValidator.

The above name field is configured with the following rules.

Field Rule
Required The field must have a valid value.
MinLength The field must have more than 3 characters in length.
MaxLength The field should not have more than 10 characters in length.

The above address field is configured with the following rule.

Field Rule
Required The field must have a valid value.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE