DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Your search did not match any results.

React Data Grid - Data Validation

The DataGrid allows you to validate user input. You can apply pre-defined validation rules or custom rules to individual columns.

To give you the ability to edit code on the fly, the demo uses SystemJS. For this reason, launching the demo takes some time. We strongly recommend that you do not use this approach in real projects.
Backend API

In this demo, the following rules are used:

  • required
    Specifies that cells should not be empty.
  • pattern
    Specifies a pattern that cell values should match.
  • email
    Specifies that cell values match the Email pattern.
  • async
    Specifies custom validation parameters that are used to validate a value on the server.

For more information on these and other validation rules, refer to the following documentation section: Validation Rules.