ValidationRules

Defines the complete validation schema for a form by mapping field names to their validation rules. This interface creates a dictionary where each key is a field name and each value is an object containing all validation rules that apply to that field. The ValidationRules object is passed to the Form component to establish the validation criteria for the entire form.

const validationSchema: ValidationRules = {
username: {
  required: [true, 'Username is required'],
  minLength: [3, 'Username must be at least 3 characters']
},

email: {
  required: [true, 'Email is required'],
  email: [true, 'Please enter a valid email address']
}
};

Props

The following table outlines the props for the ValidationRules: