Uncaught (in promise) Error: [vee-validate] No such validator 'not_in' exists.

[pmochine]

Versions

-vee-validate doc

Describe the bug
Doc error.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://baianat.github.io/vee-validate/guide/rules.html#is-not
2. Click on a selected number
3. Scroll down to console
4. See error

Desktop (please complete the following information):

• OS: Ios
• Browser Chrome
• Version 66

[logaretm]

Sorry about that, the rule name will be changed in the next version, so the docs probably got built by mistake to reflect these changes.

The reason for renaming the rule is that it causes conflicts with JS in keyword in some contexts.

[Clinsmann]

This v-validate="'required|not_in:choose'" still doesn't work for me.

Error: [vee-validate] No such validator 'not_in' exists.

please a good example with vee-validate on native html select input(not v-select) willl help understand this.

[logaretm]

@Clinsmann The not_in rule has been renamed to excluded because the in rule had conflicts in some environments with the in keyword.

in => included
not_in => excluded

here is an example: https://jsfiddle.net/vapg04j6/

[Clinsmann]

Thanks for the urgent reply @logaretm

It did not work but i found a solution that works.

i change my settings on app.js from

Vue.use(VeeValidate);

to

Vue.use(VeeValidate, { events: 'input|blur' });

and added data-vv-validate-on="blur" as an attribute to the select tag like this

<select name="status" v-model="form.status" v-validate="'required'" data-vv-validate-on="blur"> <option v-for="status in statuses" :value="status">{{status | capitalize}} </select>