Validate Input

The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.

First Name
Last Name
Title Of Courtesy
Birth Date
Hire Date
Nancy Davolio Sales Representative Ms. 12/8/1978 5/1/2005
Andrew Fuller Vice President, Sales Dr. 2/19/1965 8/14/1992
Janet Leverling Sales Representative Ms. 8/30/1985 4/1/2002
Margaret Peacock Sales Representative Mrs. 9/19/1973 5/3/1993
Steven Buchanan Sales Manager Mr. 3/4/1955 10/17/1993
Michael Suyama Sales Representative Mr. 7/2/1981 10/17/1999
Robert King Sales Representative Mr. 5/29/1960 1/2/1994
Laura Callahan Inside Sales Coordinator Ms. 1/9/1985 3/5/2004
Anne Dodsworth Sales Representative Ms. 1/27/1980 11/15/2004

This demo illustrates how to use the Data Grid's EditFormTemplate with Blazor's standard EditForm component to create a custom edit form with validation.

The EditForm validates input values when they are changed and when a user clicks the Update button to submit this form. Editors become marked with colored outlines: red indicates invalid values and green indicates values that were posted successfully.

In this demo, all form fields except for Title of Courtesy are marked as required. The Birth Date and Hire Date field values should be within the specified ranges. The Notes field value should have a length between 4 and 256 characters.