Validation

You can add validations to each field and pass validations using options in the createFormModel API. Field validations can be defined in multiple ways.

Default way of adding validation#

Validations can be passed as an array. Currently, required, email and number are available by default.

const TodoForm = createFormModel(
  "TodoForm",
  {
    title: types.string,
    description: types.string,
    user: types.string,
  },
  {
    validation: {
      title: "required",
      description: "required",
      user: ["required", "email"],
    },
  }
);

Adding validators#

You can also add more validators:

defineValidators({
  minLen: (value: any) => ({
    valid: typeof value === "string" && value.length > 3,
    message: "Input should be more than 3 characters",
  }),
});

Custom function#

const TodoForm = createFormModel(
  "TodoForm",
  {
    title: types.string,
    description: types.string,
  },
  {
    validation: {
      title: ["required"],
      description: (value) => {
        if (!value) return "This is required field";
      },
    },
  }
);