Save form data without validation (skip validation)

[damianfranco-miami]

Hello,
I have a form and two buttons, one is "complete" button that needs to validate the form before saving the data (easy).
The other button is "Save" that needs to save the data without validation (?).

How can I skip validation and get the form data using vee-validate when second button is click?

Example:
https://codesandbox.io/s/vee-validate-v4-custom-field-labels-with-yup-forked-xdk3s3

THANKS

<template>
  <Form @submit="onSubmit" :validation-schema="schema" v-slot="{ errors }">
    {{ errors }}
    <div class="mb-3">
      <label for="email">Your Email</label>
      <Field id="email" name="email" type="email" class="form-control" />
      <ErrorMessage name="email" />
    </div>
    <div class="mb-3">
      <Field name="roles" v-slot="{ errors, field }">
        <multi-select
          mode="single"
          name="roles"
          v-bind="field"
          :searchable="true"
          :create-option="true"
          :close-on-select="false"
          :allow-empty="false"
          :options="[
            { value: 'admin', label: 'Admin' },
            { value: 'pa', label: 'Physician Assistant' },
            { value: 'physician', label: 'Physician' },
          ]"
          :class="{ 'is-invalid': errors.roles }"
        />
      </Field>

      <ErrorMessage name="roles" />
    </div>

    <button>Complete</button>&nbsp;
    <button type="button" @click="saveForm">Save</button>
  </Form>
</template>

<script>
import { Field, Form, ErrorMessage } from "vee-validate";
import * as Yup from "yup";

export default {
  name: "App",
  components: {
    Field,
    Form,
    ErrorMessage,
  },
  setup() {
    const schema = Yup.object().shape({
      email: Yup.string().email().required().label("Email Address"),
      roles: Yup.string().required().label("Roles is required"),
    });

    function onSubmit(values) {
      alert(JSON.stringify(values, null, 2));
    }

    function saveForm() {
      //form values?
      alert("here");
    }

    return {
      schema,
      onSubmit,
      saveForm,
    };
  },
};
</script>

<style>
</style>

[damianfranco-miami]

Hi, I just had to include the values in the v-slot of the form.

 <Form
    @submit="onSubmit"
    :validation-schema="schema"
    v-slot="{ values, errors }"
  >

and include values in function argument
<button type="button" @click="saveForm(values)">Save

Best!