vue-dynamic-forms icon indicating copy to clipboard operation
vue-dynamic-forms copied to clipboard

field matching?

Open Fanna1119 opened this issue 3 years ago • 0 comments

Is your feature request related to a problem? Please describe.

when it comes to validation, sometimes you really need to match 2 fields. consider the following for example.


const form = computed(() => ({
  id: "my-awesome-form",
  fields: {
    name: EmailField({
      label: "Email",
      validations: [
        Validator({ validator: required, text: "This field is required" }),
        Validator({
          validator: validateEmail,
          text: "Format of email is incorrect",
        }),
      ],
    }),
    password: PasswordField({
      label: "Password",
      validations: [
        Validator({ validator: required, text: "This field is required" }),
      ],
    }),
    confirmpassword: PasswordField({
      label: "Confirm Password",
      validations: [
        Validator({ validator: required, text: "This field is required" }),
        Validator({validator: (value: String) => value === form.password, text: "Passwords do not match"}),
      ],
    }),
  },
}));

const formSubmitted = (e: any) => {
  console.log(e);
};

confirmpassword needs to match password

Describe the solution you'd like

Ability to match 2 fields

Describe alternatives you've considered

No response

Additional context

No response

Validations

  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Fanna1119 avatar Apr 20 '22 06:04 Fanna1119