ASP.NET Core 3 and React

Implementing validation on the ask and answer forms

We are going to implement validation in both the ask and answer forms now in the following steps:

1. In AskPage.tsx, we are going to make sure that the title and content fields are populated by the user with a minimum number of characters. First, let's import the required and minLength validators:

import { Form, required, minLength } from './Form';

2. Now, we can add the validation rules to the Form component in the AskPage component JSX:

<Form  submitCaption="Submit Your Question"  validationRules={{    title: [      { validator: required },      { validator: minLength, arg: 10 },    ],    content: [      { validator: required },      { validator: minLength, arg: 50 },    ],  }}>  ...</Form>

3. Let's give this a try. In the running ...