Custom validation with Vuelidate Vuejs

Question

I have 4 inputs, all must be required( witch I did, and works), but first input must be equal with the next 3 fields, witch is not working with my current code. (also I get no error in console)

import { required, minValue } from "vuelidate/lib/validators";
// ..code...
created() {
    const minValue = (value) => value === this.high_confidence + this.medium_confidence + this.no_confidence;
},

validations: {
    nr_of_clauses_per_round: {
        required,
        minValue
    },
    high_confidence: {
        required
    },
    medium_confidence: {
        required
    },
    no_confidence: {
        required
    }
},

did you check and ensure all value is Number type? if they treated as string, it may not add up mathematically — Jake Lam
– Jake Lam, Commented May 20, 2020 at 6:43
all of them are "type="number" ,PS. I am using Bootstrap-Vue, but I don't think that matters. — Beusebiu
– Beusebiu, Commented May 20, 2020 at 6:44

Etienne Bender · Accepted Answer · 2020-05-20 07:28:06Z

1

You should import { sameAs } from Vuelidate too, and add a validation sameAs([your field]), like that.

Please read the doc: https://vuelidate.js.org/#sub-contextified-validators

answered May 20, 2020 at 7:28

Etienne Bender

3562 silver badges6 bronze badges

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

Collectives™ on Stack Overflow

Custom validation with Vuelidate Vuejs

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