validateBeforeSubmit doesn't prevent the submit

[afourmeaux]

Current :

When an input submit has validateBeforeSubmit setted to true the form is not prevented from submitting and call the onSubmit callback when there is errors.

Expected :

It should not submit if there is errors.

[afourmeaux]

I found a solution to prevent the submit when there is an error, but i think validateBeforeSubmit should already do that.
So, on your <vue-form-generator> listen to the validation event with a method that will set a data with the isValid you got from the validation event. Then on your form listen to the submit event and call a method that will check the data setted and will trigger the event.prevenDefault if there is an error.

Code example :

<template>
  <form @submit="onSubmit">
    <vue-form-generator ... @validated="setValidState"/>
  </form>
</template>

<script>
  import VueFormGenerator from 'vue-form-generator';

  export default {
    ...
    data() {
      return {
        isValid: false,
      };
    },
    methods: {
      setValidState(isValid) {
        this.isValid = isValid;
      },
      onSubmit(event) {
        if (!this.isValid) {
          event.preventDefault();
        }
      },
    },
    ...
  };
</script>

[zoul0813]

Please refer to #408 - I recommend not placing VFG inside of a form, if you do, that form should have it's own onSubmit handler.

I've pushed a change that calls $event.preventDefault() when using validateBeforeSubmit: true, which means that onSubmit and onValidationErrors will both require you to manually submit the form if you would, as we can't capture async validation and prevent the submit event on failure.