How do I validate dynamic forms in my web application?

How do I validate dynamic forms in my web application?

Validating dynamic forms involves ensuring that the data entered meets specific criteria. What framework are you using?

I'm using React. Can you give me an example?

Sure! In React, you can use libraries like Formik or React Hook Form to manage form state and validation. Would you like a code snippet?

Yes, please! A simple example would be great.

Here's a basic example using Formik:

import { Formik, Form, Field, ErrorMessage } from 'formik';

const MyForm = () => {
  return (
    <Formik
      initialValues={{ name: '' }}
      validate={values => {
        const errors = {};
        if (!values.name) {
          errors.name = 'Required';
        }
        return errors;
      }}
      onSubmit={(values) => {
        console.log(values);
      }}
    >
      {() => (
        <Form>
          <Field name="name" />
          <ErrorMessage name="name" component="div" />
          <button type="submit">Submit</button>
        </Form>
      )}
    </Formik>
  );
};

This will validate the 'name' field to ensure it's not empty.