Проверьте поля перед отправкой - PullRequest
Новая
       8

Проверьте поля перед отправкой

0 голосов
/ 01 февраля 2019

Как я могу проверить форму и затем отправить?

Кнопка 

<v-btn round color="primary" :disabled="errors.any()"  v- 
 on:click.prevent="post">Submit</v-btn>

Часть моей формы 

 <v-text-field v-model="signature"
                        data-vv-name="signature"
                        v-validate="'required'"
                        label="Signature: Enter Fullname"
                        single-line></v-text-field>
          <span v-show="errors.has('signature')" class="text-danger">{{ 
     errors.first('signature') }}</span>

Часть моего метода 

 methods: {
  post: function () {
    this.$http.post('/api/application/', {
      LastName: this.LastName,
      MiddleInitial: this.MiddleInitial

1 Ответ

0 голосов
/ 01 февраля 2019

Похоже, вы используете VeeValidate на основе присутствующего атрибута v-validate = "'required" ".Предполагая, что он установлен, вы можете сделать что-то простое: 

<v-btn round color="primary" :disabled="errors.any()"  v- 
 on:click.prevent="validateBeforeSubmit">Submit</v-btn>

methods: {
  validateBeforeSubmit() {
    this.$validator.validateAll().then((result) => {
      if (result) {
        this.post();
        return;
      }

      alert('Correct the errors!');
    });
  },
  post: function () {
    this.$http.post('/api/application/', {
      LastName: this.LastName,
      MiddleInitial: this.MiddleInitial
    });
  }
}

Более подробную информацию можно найти по адресу: https://baianat.github.io/vee-validate/examples/

...