Validate Data Input

• Oct 07, 2019
• 5 minutes to read

The DataGridView allows you to validate new values in in-place cell editors or edit form, indicate errors, and prevent saving invalid data to the data source.

In-Place Editors

This example shows how to validate a new cell value when a user modified it in an in-place cell editor and moves focus to another cell.

The DataGridView instance is bound to a collection of orders, and its Quantity column allows users to enter positive numbers only. If a new cell value does not pass validation, an error message is displayed and the user cannot move focus to another cell until the error is corrected.

Follow the steps below to validate cell values:

1. Specify Validation Rules
   Subscribe to the DataGridView.ValidateCell event, and implement validation logic in the event handler.
   Use the event parameter’s OldValue and NewValue properties to get the cell’s original and new value (the value that should be validated). The FieldName and RowHandle properties allow you to obtain the column and row that contain the cell whose value is being edited.
   If a cell value fails validation, set the ErrorContent property to the string that describes the validation error. A user cannot move focus to another cell until the error is fixed and the ErrorContent string is empty.
2. Indicate Errors
   Handle the DataGridView.ValidationError event to provide a response to entering invalid data (for example, show validation error message to users). This event parameter’s ValidationErrorEventArgs.ErrorContent property contains the error description assigned to the DataGridValidationEventArgs.ErrorContent property in the ValidateCell event hander.

XAML

<dxg:DataGridView x:Name="grid" ItemsSource="{Binding Orders}" 
                  ValidateCell="Grid_ValidateCell"
                  ValidationError="Grid_ValidationError">
    <!-- ... -->
</dxg:DataGridView>

C#

using Xamarin.Forms;
using DevExpress.XamarinForms.DataGrid;
// ...

private void Grid_ValidateCell(object sender, DataGridValidationEventArgs e) {
    if (e.FieldName == "Quantity" && (decimal)e.NewValue <= 0) 
        e.ErrorContent = "The value must be positive.";
}

private void Grid_ValidationError(object sender, ValidationErrorEventArgs e) {
    DisplayAlert("Input Error", e.ErrorContent, "OK");
}

View Example

Edit Form

This example shows how to validate cell values that users enter in the edit form.

You can verify each value after a user modifies it (in the default edit form only) or validate the entire form (default or custom) when a user closes it.

Validate a Value Once It Is Entered

Use the EditFormPage.ValidateCell event that occurs after a user changes a cell value in the default edit form and moves focus from the editor.

In the event hander:

1. Specify Validation Rules
   Use the event parameter’s OldValue and NewValue properties to get the cell’s original and new value (the value that should be validated). The FieldName and RowHandle properties allow you to obtain the column and row that contain the cell whose value is being edited.
2. Indicate an Error
   If the entered value fails validation, set the ErrorContent property to the validation error description.
   The edit form displays this text below the corresponding invalid value once a user moves focus from the current editor. The error is indicated and the edit form cannot be closed until the value is valid.
   Use the EditorErrorColor property to customize the color of error messages.

XAML

<dxg:DataGridView x:Name="grid" ItemsSource="{Binding Orders}" 
                  Tap="Grid_Tap">
    <!-- ... -->
</dxg:DataGridView>

C#

using System;
using Xamarin.Forms;
using DevExpress.XamarinForms.DataGrid;
// ...

private void Grid_Tap(object sender, DataGridGestureEventArgs e) {
    if (e.Item != null) {
        var editForm = new EditFormPage(grid, grid.GetItem(e.RowHandle));
        editForm.ValidateCell += EditForm_ValidateCell;    
        Navigation.PushAsync(editForm);
    }
}

private void EditForm_ValidateCell(object sender, DataGridValidationEventArgs e) {
    if (e.FieldName == "Quantity" && (decimal)e.NewValue <= 0) {
        e.ErrorContent = "The value must be positive.";
    }
    else if (e.FieldName == "Date" && (DateTime)e.NewValue > DateTime.Now.Date)
        e.ErrorContent = "The date value cannot be in the future.";
}

View Example

Validate Values When Closing the Edit Form

Use the EditFormPage.ValidateForm event that occurs after a user changes the values and tries to close the edit form.

In the event hander:

1. Specify Validation Rules
   Use the event parameter’s Values property to access all values that the form’s editors currently contain. Field names of the grid’s columns (FieldName) are keys in this dictionary.
2. Indicate errors
   If the entered value fails validation, add an error to the Errors dictionary with the corresponding column field as the key and the error description as the value.
   The default edit form automatically displays these errors below invalid values once a user tries to close the edit form. Each error is displayed until the corresponding value is corrected and the edit form cannot be closed until all values pass validation.
   If you create a custom view for the grid’s edit form, you can bind your template’s elements to the Errors collection to display validation errors.

XAML

<dxg:DataGridView x:Name="grid" ItemsSource="{Binding Orders}" 
                  Tap="Grid_Tap">
    <!-- ... -->
</dxg:DataGridView>

C#

using System;
using Xamarin.Forms;
using DevExpress.XamarinForms.DataGrid;
// ...

private void Grid_Tap(object sender, DataGridGestureEventArgs e) {
    if (e.Item != null) {
        var editForm = new EditFormPage(grid, grid.GetItem(e.RowHandle));
        editForm.ValidateForm += EditForm_ValidateForm;
        Navigation.PushAsync(editForm);
    }
}

private void EditForm_ValidateForm(object sender, EditFormValidationEventArgs e) {
    if ((decimal)e.Values["Quantity"] <= 0) {
        e.Errors.Add("Quantity", "The value must be positive.");
    }
    if ((DateTime)e.Values["Date"] > DateTime.Now.Date)
        e.Errors.Add("Date", "The date value cannot be in the future.");
}

View Example