Input Validation

Our Blazor Grid uses the standard DataAnnotationsValidator to validate user input (based on data annotation attributes defined in an edit model). The Grid validates editor values once a user moves focus away from data editors or uses a command that saves changes. In EditCell mode, the grid control validates user input when focus moves away from the edited row. The control prevents users from editing a different row until they address all validation errors.

You can implement your custom validator components and declare them in the CustomValidators template. To disable input validation, set the ValidationEnabled option to false.

DevExpress Blazor data editors implement the following validation settings:

• ValidationEnabled — Allows you to disable input validation in the editor.
• ShowValidationIcon — Specifies whether the editor shows validation icons.
• ShowValidationSuccessState — Specifies whether the editor displays green outline and validation icon after successful validation.

In this demo, you can use checkboxes in the Grid toolbar to enable/disable validation and show/hide successful validation results. The Edit Mode combo box allows you to switch between edit modes.

Note: You should not rely on form validation alone to secure your Blazor-powered app. Form validation is only designed to improve application usability. A threat actor can bypass validation and send malicious data to the server. To minimize security related threats/risks, you must track data changes using multiple strategies. Refer to the following topic for more information: Validate User Input.