how check form is valid and disable submit button in vuejs2?

Question

I want to check if form is valid using vee-validate. I am currently doing it like this:

<button type="submit" :disabled="errors.count()">

But when the form is created and not validated yet, errors.count() return 0, meaning that the button stays enabled until the user modifies a field. Is there any way to validate it at start?

Anik Saha · Accepted Answer · 2019-04-11 11:31:07Z

5

I dont find any vee-validate api for that. So that's why I have to fixed this issue by doing this way.

Vue.component("form", {
    computed: { 
        isFormInvalid:function () {
           return this.errors.count() > 0 || !(Object.keys(this.fields).some(key => this.fields[key].dirty));
       }
    }
});

<button type="submit" :disabled="isFormInvalid">

answered Apr 11, 2019 at 11:31

Anik Saha

4,4842 gold badges29 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how check form is valid and disable submit button in vuejs2?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related