How can I implement validation in Redux Forms?

How can I implement validation in Redux Forms?

You can implement validation in Redux Forms by using the validate function. This function checks the form values and returns an object with errors.

Can you show me an example of the validate function?

Sure! Here's a simple example:

const validate = values => {
  const errors = {};
  if (!values.email) {
    errors.email = 'Required';
  } else if (!/[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b/i.test(values.email)) {
    errors.email = 'Invalid email address';
  }
  return errors;
};

This function checks if the email field is empty or invalid.

How do I connect this validate function to my form?

You can connect the validate function to your form by passing it as a prop to the reduxForm higher-order component:

export default reduxForm({
  form: 'myForm',
  validate,
})(MyForm);